/*
Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	color: #636363;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.5em; 
	text-align: justify;
	background-color: #fff;
	background-position: top;
	background-repeat: repeat-x;
}

a, a:link, a:visited {
	color: #666666;
	font-weight: bold;	
}

a:hover { 
	text-decoration: underline; 
}

a.more { 
	display: block; 
	margin-top: 20px; 
	width: 110px; 
	height: 26px; 
	line-height: 26px; 
	text-align: left; 
	padding-left: 10px; 
	text-decoration: none; 
	background: url(images/templatemo_more.png) center left;
	color: #fff;
}

a.back { 
	display: block; 
	margin-top: 8px; 
	width: 110px; 
	height: 26px; 
	line-height: 26px; 
	text-align: left; 
	padding-left: 10px; 
	text-decoration: none; 
	background: url(images/templatemo_back.png) center left;
	color: #fff;
}

a.contador { 
	display: block; 
	margin-top: 2px; 
	width: 50px; 
	height: 30px; 
	line-height: 26px; 
	text-align: right; 
	padding-left: 10px; 
	text-decoration: none; 
	background: url(images/templatemo_back.png) center left;
	color: #fff;
}

a.republica { 
	display: block; 
	margin-top: 0px; 
	width: 250px; 
	height: 100px; 
	line-height: 26px; 
	text-align: left; 
	padding-left: 0px; 
	text-decoration: none; 
	background: url(images/republica.jpg) center left;
	color: #fff;
}

p { 
	margin: 0 0 10px 0; 
	padding: 0; 
}

img { 
	border: none;
}

blockquote { 
	border: 1px solid #ccc; 
	border-left: 5px solid #000; 
	padding: 19px;
	margin: 20px 0 0 0;
}

cite { 
	font-weight: bold; 
	color:#f00; 
}

cite a, cite a:link, cite a:visited  {
	color:#f00; 
	text-decoration: none;
}

cite span {
	color: #636363;
}

em { color: #000; }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal;  font-family: Georgia, "Times New Roman", Times, serif }
h1 { font-size: 34px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 20px; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 10px; padding: 0; background: url(images/box.jpg) repeat-y; width: 100%; line-height: 25px; color: white; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

h7, h8 { color: #636363; font-weight: normal;  font-family: Tahoma, "Tahoma", Geneva, sans-serif }
h7 { font-size: 15px; margin: 0 0 20px; padding: 5px 0; }
h8 { font-size: 13px; padding: 0; }

h22 { font-size: 15px; font-weight: bold; margin: 0 0 20px; padding: 5px 0; text-align: center; }

h24 { font-size: 28px; text-align: center; }

h23 { font-size: 14px; margin: 0 0 20px; padding: 5px 0; text-align: center; }


.cleaner { clear: both }
.h5 { height: 5px }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }
.h70 {
	height: 90px
}
.h80 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.image_frame { 
	margin-bottom: 10px; 
	padding: 5px; 
	border: 1px solid #ccc; 
}

.image_fl { 
	float: left; 
	margin: 3px 30px 0 0; 
}

.image_fr { 
	float: right; 
	margin: 3px 0 0 30px; 
}

.templatemo_list { 
	margin: 10px 0 10px 0; 
	padding: 0; 
	list-style: none; 
}

.templatemo_list li { 
	color:#636363; 
	margin: 0 0 5px 0; 
	padding: 0 0 0 20px; 
	background: url(images/templatemo_list.png) no-repeat scroll 0 7px;  
}

.templatemo_list li a { 
	color: #636363; 
	font-weight: normal; 
}

.templatemo_list li a:hover { color: #000 }

#templatemo_wrapper {
	width: 1200px;
	margin: 0 auto auto auto;
	padding: 0px 10px;
}

#templatemo_header {
	float: left;
	width: 1200px;
	height: 32px;
	padding: 0px;
	background: url(images/templatemo_header.jpg) repeat-x;
}

#logo {
	float: left;
	width: 280px;
	height: 97px;
	background: url(images/templatemo_header.jpg) no-repeat;
}

#site_title { 
	float: left; 
	display: block; 
	width: 280px; 
	height: 97px; 
	margin-top: 10px;
	padding-bottom: 10px;
	color: #000; 
	text-indent: -10000px; 
	background: url(images/templatemo_logo.png) no-repeat top left; 
}



#templatemo_menu { float:left; }

#templatemo_main {
	clear: both;
}

#coin-slider { 
    z-index:5;
	float: left; 
	widt: 600px;
	height: 366px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0;
	padding: 0 0 0 0;
}

#sep_top {
	width: 590px; 
	height: 10px; 
	margin-top: 0px;
	color: #000; 
	text-indent: -10000px; 
	
}


#content_top { 	
	float: left;
	width: 590px;
	padding: 20px 0 5px; 
	margin: 0px 0px 0px 0px;
	margin-bottom: 10px; 
	border-bottom: 4px solid #000; 
}

#page_title { 
	float: left; 
	font-size: 48px; 
	padding-bottom: 14px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #000; 
}  

#templatemo_content {
	float: right;
	width: 600px;
	margin-bottom: 5px;
	
}

#templatemo_content_big {
	float: left;
	width: 1200px;
	margin-bottom: 5px;
	
}

#templatemo_sidebar {
	float: left;
	width: 600px;
	margin-bottom: 5px;
}

#templatemo_quik {
	float: left;
	width: 230px
}

.col_1 { 
	float: left; 
	width: 290px; 
	
}

.col_2 { 
	float: right; 
	width: 290px; 
	margin-right: 10px;
}



.col_3 { 
	float: left; 
	width: 250px; 
	margin-right: 104px;
}

.col_4 { 
	float: left; 
	width: 225px; 
	margin-right: 20px;
}
.col_5 {
	width: auto;
	display: block;
	text-align: center;
}

/*
.flotante {
     background: rgba(0, 0, 0, 0.6) 
     width: 100%;
     margin: auto;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: none;
     z-index: 999;
}


.cont {
     background: white;
     width: 700px;
     border: 1px solid gray;
     border-bottom: 2px solid gray;
     border-radius: 0px;
     position: fixed;
     top: 30%;
}
*/

.rmc { margin-right: 0 }

#mapa {
	width: 300;
	height: 300;
	float: right;
	margin-right: 0px;
}

#mapa2 {
	width: 295;
	height: 300;
	float: left;
	margin-right: 0px;
	z-index: 3;
}

#foto_right {
	float: right;
	width: 300px;
	align: right;
	margin: 0, 0, 10px, 10px;
	padding: 10px;
}

#foto {
	width: 250;
	float: right;
	margin-top: 50px;
	margin-right: 50px;
	
}

.gallery_box { 
	clear: both; 
	margin-bottom: 40px; 
}

.gallery_box h2 { 
	padding-bottom: 8px; 
	margin-bottom: 10px; 
	border-bottom: 2px solid #000; 
}

.gallery { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.gallery li { 
	margin: 0; 
	padding: 0; 
	display: block; 
	float: left; 
	padding: 5px; 
	margin: 0 8px 8px 0; 
	width: 220px; 
	height: 150px; 
	border: 1px solid #ccc;  
}

.gallery li a img { 
	display: block; 
	float: left; 
	width: 220px; 
	height: 150px; 
	margin: 0 2px 2px 0;  
}

.post_box { 
	clear: both; 
	margin-bottom: 30px; 
	padding-bottom: 30px; 
	background: url(images/templatemo_divider.png) repeat-x bottom; 
}
.post_box2 { 
	clear: both; 
	margin-bottom: 30px; 
	padding-bottom: 30px; 
	background: url(images/templatemo_divider.png) repeat-x bottom; 
	margin-left: 200px;
}

.post_box_2 { 
	clear: both; 
	margin-bottom: 30px; 
	padding-bottom: 30px;
	background: url(images/templatemo_divider.png) repeat-x bottom; 
	
}

.post_box_3 { 
	float: left;
	width: 450px;
	margin-bottom: 30px; 
	margin-right: 40px;
	padding-bottom: 30px;
	background: url(images/templatemo_divider.png) repeat-x bottom; 
	
}

.post_box_4 { 
	float: left;
	width: 450px;
	margin-bottom: 30px; 
	padding-bottom: 30px;
	background: url(images/templatemo_divider.png) repeat-x bottom; 
	
}

.post_box_2 img { 
	float: right; 
	margin-right: 40px; 
}

.post_box_3 img { 
	float: left; 
	margin-right: 20px; 
}

.post_box_4 img { 
	float: left; 
	margin-right: 20px; 
}

.post_box img { 
	float: left; 
	margin-right: 40px; 
}

.post_box h2 { 
	font-size: 30px; 
	padding-bottom: 10px; 
	border-bottom: 2px solid #000; 
}

.post_meta { 
	clear: both; 
	margin-top: 20px; 
	height: 40px; 
	padding: 0 10px; 
	background: url(images/templatemo_footer_bottom.jpg) repeat-x center; 
	line-height: 30px;  
	margin-bottom: 20px; 
}

.post_meta a.more { margin: 5px 0 0 }

#comment_section {
	clear: both;
	margin-bottom: 60px;
	width: 618px;
}

.first_level {
	margin: 0; padding: 0;
}

.comments {
	list-style: none; 
}

.comments li { 
	margin-bottom: 10px; 
	list-style:none; 
}

.comments li .commentbox1 { 
	background: #ccc; 
	border: 1px solid #999; 
}

.comments li .commentbox2 { 
	background: #999; 
	border: 1px solid #666; 
}

.comments li .comment_box { 
	clear: both; 
	width:100%; 
	padding: 15px;  
}

.comment_box .gravatar { 
	float: left; 
	width: 50px; 
	margin-right: 15px; 
	background: #000; 
}

.comment_box .gravatar img { 
	margin: 0; 
	width: 50px; 
	height: 50px; 
}

.comment_box .comment_text { margin: 0 0 0 65px; }

.comment_box .comment_text p { 
	margin: 0; 
	color: #000; 
}

.comment_text .comment_author { 
	font-size: 14px; 
	font-weight: bold; 
	color: #000; 
	margin-bottom: 10px; 
}

.comment_text .date { 
	font-size: 11px; 
	font-weight: normal; 
	color: #000; 
	padding-left: 10px; 
}

.comment_text .time { 
	font-size: 11px; 
	font-weight: normal; 
	color: #000; 
	padding-left: 10px; 
}

.comment_text .reply a { 
	display: block; 
	clear: both; 
	float: right; 
	color: #000; 
	font-weight: bold; 
} 

#comment_form {
	clear: both;
}

#comment_form h3 {
	font-size: 20px;
	border-bottom: 2px solid #000;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#comment_form form {
	padding: 20px;
	background: #ccc; border: 1px solid #999;
}

#comment_form textarea {
	color: #fff;
	background:#666 none repeat fixed 0 0;
	border: 1px solid #333;
	display:block;
	height:150px;
	padding:5px;
	width: 360px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form .form_row {
	width: 100%;
	margin-bottom: 15px;
}

#comment_form form input {
	color: #fff;
	padding: 5px;
	width: 200px;
	background: #666 none repeat fixed 0 0;
	border: 1px solid #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form .submit_btn {
	width: 80px;
	padding: 5px 20px;
	background: #0c0c0c;
	border: 1px solid #000
}

.templatemo_paging { 
	margin: 0 0 20px; 
	padding: 0; 
}

.templatemo_paging ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.templatemo_paging ul li { 
	margin: 0; 
	padding: 0; 
	display: inline; 
}

.templatemo_paging ul li a { 
	float: left; 
	display: block; 
	color: #666; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 10px; 
	background-color: #ccc; 
	border: 1px solid #999; 
}

.templatemo_paging ul li a:hover { 
	background: #f00; 
	border: 1px solid #333; 
	color: #fff;  
}

/*********************************************************************************/
/* Formulario                                                                 */
/*********************************************************************************/
	
#formul {
	width: 590px;
	float: left;
	padding: 30px 0px 0px 0px;   /* margen con valores: arriba - derecha - abajo - izquierda */
	font-family: verdana,arial;
	font-size: 9pt;
}  

.campos {
	font-family: verdana,arial;     /* tipo de letra */
	width: 500px;                 /* anchura de campos de formulario */
	font-size: 8pt;                /* tamaño de la letra*/
	color: #333333;                 /* color del texto */
	border: 1px solid blue;        /* color del borde puede ser solid ó dotted */
	background-color: #FFF;    /* color del fondo */
}  

.boton{
	font-size: 12px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: #FFFFFF;
	background: #000fff;
	border: 0px;
	width: 120px;
	height: 25px;
} 

#b_reset {  
    margin: 0px 0px 0px 0px;    /* margen con valores: arriba - derecha - abajo - izquierda */  
}  

#b_submit {  
    margin: -25px 0px 0px 380px;    /* margen con valores: arriba - derecha - abajo - izquierda */  
}  


.sb_box { 
	float: left;
	margin-bottom: 5px; 
	width: 250px;
	height: 69px;
	padding-bottom: 0px;
}

.sb_box3 { 
	float: right;
	margin-top: 5px; 
	width: 340px;
	height: 140px;
	padding-bottom: 0px;
}

.sb_boxi { 
	float: left;
	margin-bottom: 10px; 
	width: 290px;
	height: 200px;
	padding-bottom: 0px;
}

.sb_boxi2 { 
	float: right;
	margin-bottom: 10px; 
	width: 290px;
	height: 200px;
	margin-right: 10px;
}

.blo_contador {
	margin-bottom: 20px; 
	width: 220px;
	height: 26px;
	font-weight: bold; 
	color: #fff;
	line-height: 26px; 
	padding-bottom: 3px;
	border: 1px solid #aaaaaa;
	text-align: center;
	background: url(images/box.jpg) repeat-y;
}

.sb_box h3 { 
	padding-bottom: 4px; 
	border-bottom: 2px solid #000; 
}

.sb_list { 
	padding: 0; 
	margin: 0; 
}

.sb_list li { 
	padding: 0 0 3px 0; 
	margin: 0 0 5px 0; 
	list-style: none; 
	border-bottom: 1px solid #ccc; 
}

.sb_list li a { 
	color: #636363; 
	text-decoration: none; 
	padding-left: 20px; 
	background: url(images/templatemo_list.png) no-repeat scroll 0 7px; 
}

.sb_lista { 
	float: left; 
	width: 100px;
	padding: 0px auto 10px 60px;
	margin-right: 10px auto 10px auto;
}

#templatemo_bottom {
	clear: both;
	margin: 10px auto 20px auto;
	width: 1200px;
	padding: 30px 0;
	font-size: 11px;
	background: #ededed url(images/templatemo_bottom.jpg) top repeat-x;
}

.col_f { 
	padding-left: 20px; 
	width: 210px;
	margin: 0px 20px 0px 2px;
}

.col_l { 
	padding-right: 20px; 
	width: 190px; 
}

#social { 
	z-index:6;
	float:right;
	display: block;
	margin-top: 90px;
	margin-right: 10px;
	width: 17px;
	height: 17px 
}
#social2 {
	float: right;
	display: block;
	margin-top: 75px;
	width: 32px;
	height: 32px
}


.footer_link li .linkedin {
	background: url(images/linkedin.png) left center no-repeat; 
}

.footer_link li .myspace { 
	background: url(images/myspace.png) left center no-repeat; 
}

.facebook { 
	background: url(images/facebook.png) no-repeat; 
	padding-right: 10px; 
}

.youtube { 
	background: url(images/youtube.png) no-repeat; 
	padding-right: 10px; 
}

.instagram { 
	background: url(images/instagram.png) no-repeat; 
	padding-right: 10px;  
}

.twitter { 
	background: url(images/twitter.png) no-repeat; 
	padding-right: 10px; 
}

#templatemo_footer {
	clear: both;
	padding: 2px;
	text-align: center;
	line-height: 20px;
	width: 1200px;
	height: 45px;
	margin: auto auto auto 0;
	background: url(images/templatemo_footer_bottom.jpg) repeat-x
}
