* { padding:0; margin:0; outline:0; }
body {
	background-image:url(../images/fondo.jpg);

	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#6f6e6e;
}
input, textarea, select { font-family: Arial, sans-serif; font-size:12px; color:#333;padding: 3px; }
textarea { overflow:auto;}

a img { border:0; }

a { color:#600; text-decoration: none; cursor:pointer; }
a:hover { color:#003; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h3 { font-size:15px; line-height:18px; color:#bcbcbc; text-transform: uppercase; }
h4 { font-size:11px; line-height:18px; color:#033; text-transform: uppercase; }
h2 {
	font-family: Georgia;
	font-style: italic;
	margin: 25px 0 5px 0;
}/*h2 letra elegante*/

/*Cabecera*/
#header {  width:960px;margin:0 auto;background-color:#FFF;}

 /*===============================================================*
 * Botón Ir arriba
 *===============================================================*/

#gotop {
	position: fixed;
    bottom: 5px;
    right: 0;
    text-align: center;
    font: normal 11px/20px "Lucida Grande",
        "segoe ui", helvetica, arial, verdana,
        sans-serif;
    color: #06C;
}

#gotop a {
	display: block;
    z-index: 999;
    padding: 3px 3px;
    background: white;
    color: #06C;
}

/*--------------------------------------------------------------*
 * Estilo de Menú
 *--------------------------------------------------------------*/
/*Menú*/

#nav { margin:0px; padding:0px; position:absolute; top: 0px; display:block;width:960px;}
#nav > li { list-style-type:none; float:left; display:block; margin:0px 10px; 
position:relative; padding:5px; margin-top:110px;margin-left:35px;width:100px;color:#FFF;font-weight: bold;}

#nav > li:hover ul { display:block; }
#nav > li:hover { color:#FFF;}
#nav li ul { margin:0px; padding:0px; display:none;background-color:#FFF; width:160px;}
#nav li ul li { list-style-type:none; margin:0px 0 0 0;}

#nav li a { display:block;  color:#FFF;}

#nav li:hover a {color:#FF0;}


#top { height:30px; background:#296892; }
.shell { width:960px; margin:0 auto; } 

/*--------------------------------------------------------------*
 * Fin de Estilo de Menú
 *--------------------------------------------------------------*/

/*FOOTER*/
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_last { margin: 0 }

#footer_wrapper {
	clear: both;
	width: 100%;
	background: url(../images/templatemo_footer.jpg) repeat-x
}

/*#footer {
	width: 960px;
	height: 50px;
	padding: 8px 0 0;
	margin: 0 auto;
	color: #FFF;
	background-color:#09C;
}*/

#footer { height:60px; background:#296892; margin-top:0px; color:#FFF; padding-top:10px;}
.footer_shell { width:960px; margin:0 auto; } 

#footer a {
    font-size:11px;
    color:#fff;
}

#newsletter_input { background: #747474; width: 200px; padding: 3px 5px; border: 1px solid #000 }
#newsletter_submit { background: none; border: none; color: #fff; cursor: pointer }

#copyright {
	size:9px;
	clear: both;
	width: 960px;
	height: 20px;
	margin: 0 auto;
	text-align: right;
	color: #333;
}
#copyright a { color: #000;}
/*FIN FOOTER*/

/*Inicio Main*/
#templatemo_wrapper {
	width: 960px;
	padding: 0 0px;
	margin: 0 auto;
	background: #FFF;
}
#templatemo_main {
	clear: both;
	width: 960px;
	padding: 0;
	padding-top:30px;
	padding-bottom:0px;
}

#tm_top { width: 960px; height: 10px; background: url(../images/templatemo_main_top.png) no-repeat }
#tm_bottom { width: 960px; height: 10px; background: url(../images/templatemo_main_bottom.png) no-repeat }

.col_w900 { width: 900px; padding: 0 30px; margin-bottom: 0px; }

.col_w960 { width: 960px; padding: 0 30px; margin-bottom: 0px; }

.col_w580 { width: 580px }
.col_w420 { width: 420px }
.col_w280 { width: 280px }

.col_allw900 { float: left; width: 500px; margin-right: 30px;}

.col_allw510 { float: left; width: 510px; margin-right: 0px;}
.col_allw420 { float: left; width: 420px; margin-right: 0px;}

.col_allw190 { float: left; width: 190px; margin-right: 30px;}
.col_allw280 { float: left; width: 280px; margin-right: 30px;}

.col_allw650 { float: left; width: 650px; margin-right: 30px;background-color:#CCC;}

.col_allw560 { float: left; width: 560px; margin-right: 30px;}

.col_allw590 { float: left; width: 590px; margin-right: 30px;}
.col_w900_last { padding: 0 30px; margin: 0; background: none; }
.col_last { margin: 0; }

.frontpage_box h2 { font-size: 20px; padding: 0; margin-bottom: 5px; color: #333 }
.frontpage_box img { float: left; margin-right: 15px }
.frontpage_box a.more { margin-top: 15px }
.tagline { display: block; font-size: 11px; font-weight: bold; font-style: italic; color: #000; margin-bottom: 20px }

.lbe_box { clear: both; margin-bottom: 20px }
.lbe_date { float: left; width: 100px; font-size: 12px; font-weight: bold; }
.lbe_date span { display: block; font-weight: normal; }
.lbe_content { float: right; width: 300px }

.lbe_box h3 { font-size: 16px; margin-bottom: 0 }
.lbe_box h3 a { color: #0e4369; font-size: 16px; font-weight: normal }
.lbe_box h3 a span { font-size: 12px; color: #333 }

.lbe_box p { margin-bottom: 0; }
.lbe_box p.date { font-size: 10px; font-weight: 700; color: #0e4369 }

.lp_frontpage { margin: 0; padding: 0; list-style: none }
.lp_frontpage li { margin: 0; padding: 0; display: inline }
.lp_frontpage li a { float: left; display: block; width: 200px; height: 100px; margin: 0 10px 10px 0 }
.lp_frontpage li a img { width: 190px; height: 90px; border: 1px solid #CCC; padding: 4px; }

.news_box { clear: both; margin-bottom: 30px }
.news_box h2 { font-size: 20px; margin-bottom: 0 }
.news_box p.date { color: #000 }
.news_box img { float: left; width: 100px; height: 100px; padding: 4px; border: 1px solid #000; margin-right: 30px }
.news_box a.more { float: right; }

.post_box { clear: both; margin-bottom: 30px }
.post_box h2 { font-size: 20px; margin-bottom: 10px }
.post_box p.post_meta { margin-bottom: 0; color: #666 }
.post_box p span.cat a { color: #000; font-weight: 400 }
.post_box img { float: left; width: 160px; height: 160px; padding: 4px; border: 1px solid #000; margin-right: 30px }
.post_box a.more { float: right; }

.sb_lp_box { clear: both; margin-bottom: 20px }
.sb_lp_box img { padding: 9px; border: 1px solid #ccc }

#map img { width: 270px; height: 160px; border: 1px solid #ccc; padding: 4px }

#cp_contact_form { padding: 0; width: 380px }
#cp_contact_form form { margin: 0px; padding: 0px; }

#cp_contact_form form .input_field { 
	width: 380px; font-size: 12px; color: #333; padding: 5px; 
	height: 20px; border: 1px solid #ccc;  background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#cp_contact_form form label { display: block; width: 220px; margin-bottom: 5px; font-size: 12px; color: #000; }

#cp_contact_form form textarea { 
	width: 380px; height: 55px; padding: 5px; color: #333; 
	border: 1px solid #ccc;  background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	
#cp_contact_form form .submit_btn { margin: 10px 0px; padding: 5px 14px; border: 1px solid #ccc; background: #fff; }

#gallery { margin: 0; padding: 0 }
#gallery .gallery_box { display: block; float: left; width: 205px; margin: 0 20px 40px 0; }
#gallery .lmb { margin: 0 0 40px 0; }

.gallery_box h3 { margin-bottom: 10px }
.gallery_box h3 a { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 0; }
.gallery_box p { font-style: italic; font-size: 11px; font-weight: bold }
.gallery_box a img { border: 1px solid #ccc; width: 175px; height: 130px;  padding: 8px; margin-bottom: 10px }

#gallery a.more { clear: none; float: left; margin-right: 10px }
/*Fin Main*/


/* Admin */
#admin { 
	   width:410px;
       height:auto;
       margin:0 0px 0 300px;
       margin-top: 150px;
       padding:0px;
	   padding-top:0px;
	   border:solid 1px #ccc;
	   background-color:#ccc;
}
#admin h3{
	font-size:13px;
	margin:0;
	display:block;
	text-align:center;
	padding:5px;
	color:#fff;
	background:#000;
	font-weight: bold;
}
	#admin img { float: left; margin: 5px 15px 2px 0; padding: 3px; border: 1px solid #009898; }
	#admin form { padding-left: 45px; }
	#admin label { float: left; display: block; clear: both; padding: 3px 0; color: #003333; font-weight: normal; width: 150px; }
		#admin .lcurrent { font-weight: bold; }
	#admin label img { vertical-align: middle; }
	#admin input, textarea, select { float: left; margin: 0 5px 10px 0; padding: 4px; width: 270px; border: 1px solid #ccc; }
	#admin textarea { height: 110px; width: 250px;}
	#admin select { width: 200px; }
	#admin input.radio {  }
		#admin input:focus { border-color:#aaa; }
		#admin textarea:focus { border-color: #aaa; }	
	.error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }
	#admin .submit { border: 0; background:#000; color: #fff; padding: 5px; float: left; margin-left: 10px; }


/* site title */


/*Imagen Efecto Borde*/

 
#cuadro a img {
	border: 5px solid #eee;
	padding:4px;
}


/*Imagen efecto resplendor*/

#resplendor {
	background-color:#000;
	width: 280px;
	margin: 0 auto;
	min-height: 660px;
}
 
#resplendor img {
	margin: 25px;
	opacity: 0.8;
	border: 10px solid #eee;
 
	/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
 
	/*Reflection*/
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
 
 
#resplendor img:hover {  
   opacity: 1;
 
   /*Reflection*/
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
 
   /*Glow*/
  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}