/* CSS Document */

/* CSS Document */ 
body{
	margin:10px 0 0 20px;padding:0; background-color:#FFFFFF;
	font-size:100%; font-family: Arial, Verdana, Helvetica, sans-serif; 
	display:block;
}
h1{font-size:120%; color:#000033;}
h2{font-size:100%; color:#000033;}
h3{font-size:90%; font-style:italic; color:#000033;}
p{font-size:80%; color:#000033; text-align:justify; margin:10px; }

/* container: holds grey background gradient and helps center everything */
 #container{text-align:center;}
 /* page: everything that is centered with exception of the global nav */
 #page{width:90%; text-align:left;margin-left:auto; margin-right:auto; } 

#navPrim{ border:solid 2px #FFCE00; background-color:#FFB300; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; width:98%; }
#navPrim a { font-size:60%; font-weight:bold; color:#FFFFFF; text-decoration:none; padding: 5px 5px 0 5px; }
#navPrim a:hover, #currentSection { background-color:#003366; border-bottom:solid 3px #003366; border-top:solid 2px #003366; }
#navPrim ul{margin:0; padding:0; }
#navPrim li{margin:0; padding:0 0 0 3%; list-style:none; display:inline; }
#photoHome {text-align:center; padding:1em 0 1em 0;}
/********
	contenidos*/
#fotoLeft{ float:left; padding:15px; border:1px solid #CCCCCC; margin-right:15px; margin-bottom:20px; }
#fotoRight{float:right; padding:15px; border:1px solid #CCCCCC; margin-left:15px; margin-bottom:20px;}

#thumbsContainer { width:49%; float:left; }
#imagesContainer { width:49%; float:right; margin-bottom:20px; }
/*#imagesContainer img { width:100%; height:100%; }*/

#thumbsContainer a { font-size:80%; color:#6d4920; text-decoration:none; }
#thumbsContainer a:hover { text-decoration:underline; }
#thumbsContainer ul { float:left; margin:0px; padding:0px; padding-right:15px; width:40%; text-align:left; }

.thumb30 { width:33%; float:left; height:90px; }
.thumb30 a img { border-style:none; }
.thumb30 a:hover, .thumb30 .over { border-bottom:5px solid #ffb300; }
.thumbClear { clear:left; }
#datosContacto{ text-align:right; margin-left:5em;}
/*
#RightBox {float:right; width:200px; margin-left:15px; }
#RightBox ul { margin:0px 20px; padding:0px; }
#RightBox li { margin:0px 10px; padding:0px; }
#RightBoxTop1, #RightBoxTop2 { background-color:#F3E2A7; border:#FFB300 solid 2px; border-bottom:0; }
#RightBoxBottom1, #RightBoxBottom2, #RightBoxBottom3, #RightBoxBottom4, #RightBoxBottom5{ width:200px; height:130px; background-image:url(../images/RightBoxImg1.jpg); background-position:bottom; background-repeat:no-repeat; }
#RightBoxTop2 { background-color:#f4ffdd; }
#RightBoxBottom2 { background-image:url(../images/RightBoxImg2.jpg); }
#RightBoxBottom3 { background-image:url(../images/RightBoxImg3.jpg); }
#RightBoxBottom4 { background-image:url(../images/RightBoxImg4.jpg); }
#RightBoxBottom5 { background-image:url(../images/RightBoxImg5.jpg); }
*/

#RightBox { width:100%; margin-bottom:20px; }
#RightBox ul { margin:0px 20px; padding:0px; }
#RightBox li { margin:0px 10px; padding:0px; }
#RightBoxTop1, #RightBoxTop2 { background-color:#F3E2A7; border:#FFB300 solid 2px; }
#RightBoxBottom1, #RightBoxBottom2, #RightBoxBottom3, #RightBoxBottom4, #RightBoxBottom5{ width:200px; height:130px; background-image:url(../images/RightBoxImg1.jpg); background-position:bottom; background-repeat:no-repeat; display:none; }
#RightBoxTop2 { background-color:#f4ffdd; }
#RightBoxBottom2 { background-image:url(../images/RightBoxImg2.jpg); }
#RightBoxBottom3 { background-image:url(../images/RightBoxImg3.jpg); }
#RightBoxBottom4 { background-image:url(../images/RightBoxImg4.jpg); }
#RightBoxBottom5 { background-image:url(../images/RightBoxImg5.jpg); }

#RightBox h2{ font-size:100%; padding:.5em;}
#RightBox li{ font-size:70%; padding:0 .5em .5em 0;}
.clearB { clear:both; }

#mainContent {width:80% ; margin-left:auto; margin-right:auto; }
#mainContent h1{ text-align:right; padding-right:2em;}

#menus { margin-left:235px; }
#menus ul { font-size:80%; border-bottom:1px solid #CCCCCC; padding-bottom:15px; }
/********
FORMS
*********/
form { margin:10px; }
form fieldset { width:60%; border:2px solid #003366; }
form legend { color:#003366; }
form label { margin:5px 0px 5px 10px; padding-left:10px; width:30%; border-left: 5px solid #ffb300; text-align:left; color:#003366; font-size:12px; font-weight:bold; float:left; clear:left; }
form input, form textarea, form select { margin:0px 0px 10px 10px; width:50%; padding:2px; }
form .formButton { width:75px; }
.alert { color:#CC0000 !important; font-weight:bold; }


/********
	Footer*/
#footer{ height:30px;background-color:#000033; text-align:right; padding: 0 5% 0 0;clear:both;}
/********
	created by Addictive media*/
#addictive {width:100%; height:30px; background-color:#FFFFFF; }
#addictive a{ text-decoration:none;float:right; font-size:60%; font-weight:bold; margin-top:0; color:#000000; padding:10px 15px 0 0;}
#addictive a:hover{ text-decoration:underline;}
.addictiveRed {color:#FF0000;}