@charset "utf-8";

/* Revisión 2.2 */
/*
 * Mexico D.F. Agosto 14 de 2013
 *El contenido de este archivo fue desarrollado por :
 *Rogelio Argumedo Uribe royelio@gmail.com 
 *
 *Bajo la Licencia: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 
 *http://creativecommons.org/licenses/by-nc-sa/3.0/deed.es_MX
 *
*/

@font-face { 
	font-family: myriad;
	src: url('myriad-web-pro.ttf');
}

body {
	font-family: myriad;
	background: #fbfbfb url(images/back.jpg) repeat;
	margin: 0;
}

/* @group Generales */

h1, h2, h3, h4, h5, h6 {
    padding-left: 0.3em;
	margin-bottom: 0.8em;
	padding-right: 0.3em;
	font-size: 1.2em;
}

h1 {
	font-size: 0;
}

h2 {
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: 1px;
}

h2 a {
	text-decoration: none;
	color: #455A71;
}

h3 {
	font-size: 1.2em;
}

h3 a {
	text-decoration: none;
	color: #666;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: .9em;
}

h6 {
	font-size: .8em;
}

strong {
}

a {
	text-decoration: underline;
}

em {
	font-style: italic;
}

p {
	margin-top: .5em;
	margin-bottom: .5em;
}

pre{
	    background: none repeat scroll 0 0 white;
    border-left: 2.5em solid #A2BF38;
    color: #353535;
    margin: 20px 0 30px;
    overflow: auto;
    padding: 20px 35px;
    white-space: normal;
    width: 85%;
	font: 0.9em/1.2em myriad;
}

code{
	margin: 0px 0px 0px 0px;
	padding:5px 5px 3px 5px;
	background: white;
	border-radius:5px;
	padding:10px;
	margin:0 0 20px 0;
	font-family: Consolas;
	font-size:0.9em;
	color: #373737;
	white-space: normal;
	display: table;
}

hr {
    border-color: #CCCCCC;
    border-style: dotted none none;
    border-width: 1px 0 0;
    clear: both;
    height: 1px;
    margin: 30px 0;
    min-height: 0;
}

blockquote {
	border: 1px solid gray;
	padding: .5em;
	background-color: white;
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin-left: 1em;
	list-style-type: none;
}

a.contenido_accesible {
	font-size: 0!important;
	width: 0!important;
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	display: block;
}

.renglon {
    display: table;
    margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1492px;
}

.A {

	width: 100%;
}

.B {
	width: 74.75%;
}

.C {
    width: 67%;
}

.D {
    width: 65%;
}

.E {
	width: 60.6%;
}

.F {
	width: 49.5%;
}

.G {
    width: 34%;
}

/* H solo con el renglon tipo h (renglon_h) */
.H {
	width: 32%;
}

.I {
    width: 32%;
}

.J {
	width: 30%;
}

.K {
	width: 24.25%;
}

.L {
	width: 21%;
}

.M {
	width: 19.2%;
}

.N {
	width: 15.83%;
}

.O {
	width: 14.5%;
}

.P {
	width:79.8%;
}

.centrado {
	margin-right: auto;
	margin-left: auto;
} 

/* @end */

/* @group Salir del Sitio */

#c_salida {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
}

#caja_salida {
	position:fixed;
	top:150px;
	left:0;
	width: 38%;
	background-color: #cacaca;
	margin-right: 30%;
	margin-left: 30%;
	padding: 4px;
	display: table;
	border-radius: 4px;
}

#contenido_salida {
	background-color: #e2e2e2;
	text-align: center;
	padding-top: .5em;
}

#contenido_salida h3 {
	border-style: none;
	color: #3a3a3a;
}

#contenido_salida p {
	margin-bottom: .5em;
}

#contenido_salida a {
	color: #04549d;
}

#liga_cancelar {
	background-color: white;
	color:#666;
	text-decoration:none;
	font-size: 0.8em;
	margin-top: 2.5em;
	padding: 1em;
	text-transform: uppercase;
}

#liga_cancelar a {
	text-transform: uppercase;
	padding: 5px;
	color: #3a3a3a;
}

#liga_cancelar a:hover {background-color:#666; color:#e6e6e6;}

/* @end */

/* @group Tabs */

/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
	margin: 7px 0 -1px;
	padding:0;
	width:100%;
	border-bottom: 1px solid #ccc;
	float:left;
}

ul.tabs.izquierda{text-align:left;}
ul.tabs.centro{text-align:center;}
ul.tabs.derecha{text-align:right;}

ul.tabs li{
	list-style-type:none;
	margin:0 2px 0 0;
	padding:0;
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	}
	
ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background: white;
	box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
	border:1px solid #e5e5e5;
	border-bottom:0;
	font-size:0.9em;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}
	
ul.tabs li a:hover{
	background:#fff;
	}
	
ul.tabs li.seleccionado a{
	position:relative;
	top:1px;
	left:0;
	background: #e5e5e5;
	box-shadow: none;
	color:#222;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
	
.tab_contenido{
	border: 1px solid #ccc;
	border-left: 1px solid #ccc;
	clear:both;
	padding:20px;
	margin: 0 0 1em;
	background-color: #e5e5e5;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 3px 5px #666666;
}
	
	/* w/icon */
ul.tabs .icon{
	margin:-3px 7px -3px -5px;
	position:relative;
	top:-2px;
	left:0;
}

/* @end */

/* @group Tablas */

/*---------------------------------
	TABLAS
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
	thead, tbody{margin:0;padding:0;}
	th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
	thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
	tbody tr.ultima th,
	tbody tr.ultima td{border-bottom:0;}
	
/* renglones */
table.renglones{}
	table.renglones tr.alt{background:#f5f5f5;}
	table.renglones thead th{background: #cfcfcf;border-right:1px solid #ddd;
	color: #3b3b3b;
}
	table.renglones tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.renglones tbody tr.alt th{background:#efefef;}

/* ----- */
table.tight{}
	table.tight th, .tight td{padding:2px 10px;}

/* Orden */
table.orden{border:1px solid #ddd;}
	table.orden thead th{cursor: pointer;position:relative;top:0;left:0;border-right: 1px solid #838383;
	background-color: transparent;
}
	table.orden thead th:hover{background:#efefef;}
	table.orden span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;
	border-color:#ccc transparent transparent transparent;
	line-height:0;height:0;width:0;margin-top:-2px;}
	table.orden span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}

/* @end */

/* @group Listas */

ul.alt li {
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: .2em;
}

ul.alt li a:hover {
	background-color: #f0f0f0;
}

ul.alt li a {
	display: block;
	padding: .3em;
}

/* @end */

/* @group Tip Tip */

/* 
	TipTip CSS - Version 1.2 
	http://code.drewwilson.com/entry/tiptip-jquery-plugin
*/

#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } 
#tiptip_holder.tip_top { padding-bottom: 5px; } 
#tiptip_holder.tip_bottom { padding-top: 5px; } 
#tiptip_holder.tip_right { padding-left: 5px; } 
#tiptip_holder.tip_left { padding-right: 5px; } 

#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background:#212121;
background-color: rgba(25,25,25,0.92);
border-radius: 3px;
box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}




@media screen {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* @end */

#encabezado {
	background-color: #4c4741;
}

#redes {
	margin-left: auto;
    margin-right: auto;
    max-width: 976px;
    width: 98%;
	padding-top: .5em;
	height: 45px;
}

#redes ul {
	text-align: right;
	display: table;
	float: right;
}

#redes li {
	display: inline-block;
    margin: 0;
    padding: 0;
    width: 39px;
}

#idioma {
	float: right;
}

#idioma a {
  	background-color: #7BAD3F;
    border: 1px solid #D8D8D8;
    color: #EEEEEE;
    float: right;
    font-size: 0.7em;
    margin-top: 7px;
    padding: 0.4em 1.2em 0.2em;
    text-decoration: none;
    text-transform: uppercase;
	margin-right: 16px;
}


#redes img {
	width: 100%;
}

#cuerpo {
	background-color: white;
	width: 98%;
	max-width: 976px;
	margin-left: auto;
	margin-right: auto;
}

#menu {
	margin-left: auto;
    margin-right: auto;
    max-width: 976px;
    width: 98%;
	background-color: white;
	height: 132px;
}

.seleccionada {
	border-bottom: 3px solid #80b148;
	font-weight: bold;
}

#logo {
	 float: left;
    width: 20%;
}

#logo a {
	
}

#logo img {
	width: 100%;
	min-width: 195px;
}

#menu ul {
	float: right;
    width: 65%;
	margin-top: 3.5em;
}

#menu li {
	display: inline-table;
	width: 20%;
	margin-bottom: 9px;
}

#menu a {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #49443e;
	text-decoration: none;
}

#menu a:hover {
	border-bottom: 3px solid #80b148;
	font-weight: bold;
}

#carrusel {
	  background: transparent url("images/pleca.jpg") repeat-x scroll 0 bottom;
    padding-bottom: 24px;
}

#carrusel img {
	width: 100%;
}

#carrusel_int {
	  background: transparent url("images/pleca_int.jpg") repeat-x scroll 0 bottom;
    padding-bottom: 50px;
}

#carrusel_int img {
	width: 100%;
}

#seccion_2 {
	background-color: white;
	padding: 1em 2em;
}

#seccion_2 h2 {
	font-weight: bold;
}

#seccion_2 ul {
	margin-top: 1em;
	text-align: center;
	margin-bottom: 2px;
}

#seccion_2 li {
	margin: 0;
	display: inline-table;
	width: 24%;
	text-align: center;
	min-width: 190px;
	height: 170px;
}

#seccion_2 a {
	
}

#seccion_2 img {
	width: 100%;
}

#seccion_2 p {
	font-size: .9em;
	padding-left: .5em;
	padding-right: .5em;
}

#seccion_3 {
	background-color: #e4e4e4;
	padding: 1em 2em;
	display: table;
}

#caja {
	display: table;
}

.bajo {
	padding-bottom: 16px;
	padding-top: 5px;
	text-transform: uppercase;
	text-align: center !important;
	font-size: .8em !important;
}

.s3_int {
	padding-top: 0 !important;
}

#ca {
	width: 60%;
	float: left;
	padding-right: 1em;
}

#cb {
	float: right;
	width: 35%;
}

#seccion_3 h2 {
	color: #4b4742;
	font-size: 2em;
	margin: 0;
	font-weight: bold;
	letter-spacing: 6px;
	display: table;
}

.h2_int {
	border-bottom: 3px solid #b8b8b8;
	margin-bottom: 7px !important;
}

#seccion_3 h3 {
	margin: 0;
	color: #4b4742;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.h3_int {
	margin-bottom: 1em !important;
}

#seccion_3 p {
	text-align: justify;
	font-size: .9em;
	padding: 0 1em 1em .5em;
	line-height: 1.4em;
}

#seccion_3 img {
	width: 100%;
	
}

#seccion_3 hr {
	height: 0;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 2px solid #9c9c9c;
}

.ver_mas {
	text-align: right;
}

.ver_mas a {
	text-transform: uppercase;
	background-color: #7bad3f;
	color: #eee;
	text-decoration: none;
	font-size: .8em;
	border: 1px solid #d8d8d8;
	padding: .4em 1.2em .2em;
}

.ver_mas a:hover {
	
}

.recuadro{
	background: none repeat scroll 0 0 white;
    border-left: 2.5em solid #A2BF38;
    color: #353535;
    margin: 20px 0 30px;
    overflow: auto;
    padding: 20px 35px;
    white-space: normal;
    width: 85%;
	font-family: myriad;
}

.recuadro p {
	width: 86%;
	float: left;
}

#amazon {
	float: right;
	margin-top: 40px;
}

#amazon img {
	width: 50px;
	height: 50px;
}

.no_ver {
	display: none;
}


#pie {
	background-color: #4c4741;
	color: #fff;
	letter-spacing: .8em;
	text-align: center;
	padding: 1.2em .5em;
	margin-top: 1.2em;
	font-size: .7em;
}

/* @group Pie */



/* @end */