/* STANDARDS  */

html[xmlns^="http"] 		{overflow-y:scroll; overflow-x:scroll;}

* 						{padding: 0; margin: 0; border:0;}
body 					{	font-family: Arial,Helvetica,Sans-Serif; 
							color: #7390C3; 
							background: #263248}
ul 						{list-style-type:none}
a 						{color: #5A5466; text-decoration: none; font-weight: bold; font-size:12pt}
a:hover					{color: #999794; text-decoration: none}
h1						{font-size: 24pt; text-decoration:none; font-style:normal; font-weight:bold}
h2, h3					{font-size: 18pt; text-decoration:none; font-style:normal; font-weight:normal}
h4, h5, h6				{font-size: 14pt; text-decoration:none; font-style:normal; font-weight:normal}
p						{font-size: 12pt; text-decoration:none; font-style:normal; font-weight:normal}



.nopadding 				{padding: 0}
.nomargin 				{margin: 0}
.noborder 				{border: 0; text-decoration: none}
.noptop					{padding-top: 0}
.floatright				{float: right}
.floatleft 				{float: left}
.nofloat 				{clear: both}
.hidden					{visibility: hidden}
.shift					{
							-webkit-transform: translateY(-100px);
						   -moz-transform: translateY(-100px);
						   -o-transform: translateY(-100px);
						   -ms-transform: translateY(-100px);
						   transform: translateY(-100px); 
							-webkit-transition: all 0.5s ease-in-out;
							-moz-transition: all 0.5s ease-in-out;
							-o-transition: all 0.5s ease-in-out;
							-ms-transition: all 0.5s ease-in-out;
							transition: all 0.5s ease-in-out;
							-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
						    filter: alpha(opacity=0);
						    opacity: 0;
						}


body					{	height: 730px;
							width:1000px; 
							margin-right: auto}
#navigation				{	height: 700px; width:382px; float:left}
							
#logo					{	height: 266px;
							width: 382px;
							background: url(../img/fondo-logo.png) repeat-y bottom right}
#logo h1				{font-family: CabinBold, Arial, sans-serif; font-size: 42pt; letter-spacing: 4px; color: #FFFFFF; font-weight:bold; text-align:center;padding-top:150px;padding-left:73px; padding-right:73px}
#logo h2				{font-size: 12pt; color: #FFFFFF; font-weight:normal; text-align:center;padding-left:73px; padding-right:73px}
#photos					{	height: 216px;
							width: 618px;
							overflow: hidden;
							position: relative;
							background: #7E8AA2;
							}
#photoshow				{
							display: block;
							-webkit-transition: all 0.5s linear;
							-moz-transition: all 0.5s linear;
							-o-transition: all 0.5s linear;
							-ms-transition: all 0.5s linear;
							transition: all 0.5s linear;
						}
#photos:hover #photoshow	{
							-webkit-transform: scale(1.1,1.1);
							-moz-transform: scale(1.1,1.1);
							-o-transform: scale(1.1,1.1);
							-ms-transform: scale(1.1,1.1);
							transform: scale(1.1,1.1);
						}

								
#photos:hover .shift		{
							-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
							filter: alpha(opacity=100);
							opacity: 1;
							-webkit-transform: translateY(0px);
							-moz-transform: translateY(0px);
							-o-transform: translateY(0px);
							-ms-transform: translateY(0px);
							transform: translateY(0px);
						}

#photo-description		{
							display: block; 
							height: 216px; 
							width: 618px; 
							position: absolute; 
							overflow: hidden; 
							top: 0; 
							left: 0
						}
#photos h4				{
							position: relative; 
							padding: 15px 10px 5px 10px; 
							background-color: #fff; 
							background: rgba(254, 254, 254, 0.8);
							
						}
#photos p				{
							position:relative; 
							padding: 0px 10px 10px 10px; 
							background-color: #fff; 
							background: rgba(254, 254, 254, 0.8);
						}
						
#photos h5				{color:#FFF; padding-top: 195px; padding-left: 90px; float: left;font-size: 10pt}
#photos img				{display: inline; float: right}
#title					{	height: 50px;
							width: 618px;
							background: #000000}
#title h3				{font-size:14pt;color: #FFF; font-weight:bold; padding-left: 25px; padding-top: 15px}
#text					{	height: 434px;
							width: 618px;
							background: #FFFFFF}
#text h4				{font-size: 12pt; color:#000; font-weight:bold; text-align:justify; padding:50px 25px 0px 25px}
#text p					{font-size: 12pt; color:#000; font-weight:normal; text-align:justify; padding: 25px 25px 0px 25px}	
#text ul					{list-style: square inside}		
#text li				{color:#000; padding: 10px 25px 0px 50px } 		
#navbar					{	height: 434px;
							width: 382px;
							background: url(../img/fondo-menu.png) repeat-y bottom right}
#panel					{	float:right;
						height: 700px;
							width: 618px;
							background: #FFFFFF}							
#footer					{	clear: both;
						height: 30px;
							width: 1000px;
							text-align: center;
							background: #263248 url(../img/fondo-pie.jpg) repeat-x top left}	
#footer h3				{	font-size: 10pt;padding: 5px}			
#navlist				{text-align:left;padding-top: 50px}
#navlist li				{
							margin-left:63px; 
							margin-right:63px;
							width: 236px;
							height:30px;
							padding: 10px 10px 0px 10px;
							border-bottom: 1px #EF8800 solid;
							-webkit-transition: all .5s ease-in-out;
							-moz-transition: all .5s ease-in-out;
							-ms-transition: all .5s ease-in-out;
							-o-transition: all .5s ease-in-out;
							transition: all .5s ease-in-out;

						}
#navlist li:hover			{
							background-color: #FFB820;						
							transform: scale(1.1,1.1);
							-ms-transform: scale(1.1,1.1); /* IE 9 */
							-webkit-transform: scale(1.1,1.1); /* Safari and Chrome */
							-o-transform: scale(1.1,1.1); /* Opera */
							-moz-transform: scale(1.1,1.1); /* Firefox */
						} 
#navlist li a				{color:#000000; font-size: 12pt; font-weight:bold}
#navlist li a:hover		{color:#263248}
#thumbshow				{height: 434px; width: 618px; overflow: auto; background: #FFFFFF}
#thumbshow img			{display: block; border: 2px solid #7E8AA2}
.pager					{text-align: right; clear: both; padding: 20px}
.pager a					{font-size: 10pt}
.big					{font-size: 16pt}
.thumbnail				{
							overflow: hidden;
							margin: 15px 0px 0px 15px;
							background: #000;
							height: 160px;
							width: 184px;
							float: left;
							color: #fff;
							-webkit-transition: all .5s ease-in-out;
							-moz-transition: all .5s ease-in-out;
							-ms-transition: all .5s ease-in-out;
							-o-transition: all .5s ease-in-out;
							transition: all .5s ease-in-out;
							box-shadow:2px 2px 8px #aaaaaa;
						}
.thumbnail:hover		{
							transform: scale(1.1,1.1);
							-ms-transform: scale(1.1,1.1); /* IE 9 */
							-webkit-transform: scale(1.1,1.1); /* Safari and Chrome */
							-o-transform: scale(1.1,1.1); /* Opera */
							-moz-transform: scale(1.1,1.1); /* Firefox */
						}
#thumb-description a		{font-size: 10pt; color: #FF9800}
#thumb-description a:hover {color: #fff}
#thumb-description p		{font-size: 10pt; padding: 5px 5px 0px 5px}

#overlay 				{
							display: none;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							min-height:800px;
							background: #263248;
							z-index:1001;
							backgroud-color: #000;
							background: rgba(0,0,0,0.75);
						}
						 
#overlay #box 			{
							display: none;
							width:498px;
							height:548px;
							margin: 50px auto;
							background-color: #fff;
							border:1px solid #000;
							padding:10px 10px 10px 30px;
							z-index:1002;
							overflow: hidden;
							border-radius: 5px; 
							-moz-border-radius: 5px; 
							-webkit-border-radius: 5px;
							opacity:.95;
							-moz-opacity: 0.95;
							filter: alpha(opacity=95);
						 }
#overlay #photobox 		{
							display: none;
							width:598px;
							height:398px;
							margin: 100px auto;
							background-color: #fff;
							border:1px solid #000;
							padding:10px;
							z-index:1002;
							overflow: hidden;
							border-radius: 5px; 
							-moz-border-radius: 5px; 
							-webkit-border-radius: 5px;
							opacity:.95;
							-moz-opacity: 0.95;
							filter: alpha(opacity=95);
						 }

#overlay #photobox a		{background-color: #fff; border: 2px solid #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
						 
#close					{text-align: right; padding-bottom: 10px}
#close	a				{font-size: 12pt}

#cv						{overflow: auto; width:100%; height:498px; border-top: 1px solid #7E8AA2; border-bottom: 1px solid #7E8AA2;}
#cv h3, #cv h4			{font-family: CabinBold, Arial, sans-serif;}
#cv h3					{padding: 50px 25px 2px 0px; font-size: 14pt; color:#263248; text-decoration:none; font-style:normal; font-weight:normal}
#cv h4					{padding: 25px 25px 2px 0px; font-size: 14pt; color:#263248; text-decoration:none; font-style:normal; font-weight:normal}
#cv h5					{padding: 10px 25px 0px 0px; font-size: 12pt; text-decoration:none; font-style:normal; font-weight:bold}
#cv p					{padding: 0px 25px 10px 0px; font-size: 12pt; text-align: justify; text-decoration:none; font-style:normal; font-weight:normal}