/* 	Proyecto: Especiales
	Realizado por: LuiZenrique Ortiz Arellano
	0608
 */
 
 
/*Estilos generales */
body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em;  background-color: #1a2216;  }
.limpiar {clear:both; }
.backGeneral {width:100%; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/back_general.gif) repeat-y;}
.contentGeneral {width:1000px; background-color: #333333;}
.contentBottom {width:1000px; overflow:hidden; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/backBottom.jpg) no-repeat; background-position: bottom;}

/*Header*/
.header {width:1000px; height:170px; }
.header img {overflow:hidden; display:block;}

/*Prime Zone*/
.gadgetSlate {width:606px; height:95px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/imgGadget.gif) no-repeat; float:left; diplay:inline;}
.gadgetSlate .titleSlate{padding: 33px 0 0 20px; font:normal 11px Arial; color: #ffffff; text-decoration: none;}
.gadgetSlate .titleSlate a{font:normal 11px Arial; color: #ffffff; text-decoration: none;}
.gadgetSlate .titleSlate a:hover{color: #cccccc; text-decoration: none;}
.primeZone {width:1000px; float:left; display:inline; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/BackPrime.jpg) no-repeat; }

	/* esquina derecha */
	.cornerRight {width:23px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/right_corner.jpg) no-repeat; height:300px; float:left; diplay:inline;}
	/* esquina izquierda */
	.cornerLeft {width:21px; height:300px; float:left; diplay:inline; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/left_corner.jpg) no-repeat; }
	/* espacio central */
	.horSpace {width:20px; height:300px; float:left; diplay:inline; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/center_space.jpg) no-repeat; }
	
.division200 {width:20px; height:200px; margin:10px 0 0 0px; float:left; diplay:inline; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/divide_200.gif) no-repeat;}
.tabs {width:606px; height:320px; float:left; diplay:inline; }
.mpestanas {width: 606px;padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/repeatVer_606.gif) repeat-y right 50%; float: left; margin: 0px; position: relative;}
	.mpestanastop {padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaTopMenus_606.gif) no-repeat; margin: 0px; height: 35px;}

	.mpestanasbottom {padding-right: 0px; padding-left: 8px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaBottom_606.gif) no-repeat 50% bottom; padding-bottom: 0px; margin: 0px; padding-TOP: 0px; height: 180px;}
	.mpestanasbottom a {text-decoration: none;}
	/** se sustituye H2 por "goTo" en la sección de Ir a **/
	.mpestanasbottom div.goTo {float: left; margin: 0px 0px 0px 6px; font: bold 11px Arial; color: #0e1217;}
	.mpestanastop UL {padding:0px; float: right; margin: 0px;LIST-STYLE-TYPE: none;}
	.mpestanastop UL LI {display: inline; padding: 0px;margin: 0px;}
	.mpestanastop UL LI A {display:block; float:left; margin:6px 0px 0px 0px; font: 11px Arial;color:#fff; text-decoration:none; width:100px; text-align:center;}
	.mpestanastop UL LI span A {display:block; float:left; margin:0px 0px 0px 2px; width:100px; border:0px;}

	.mpestanastop UL LI A:hover {color: #cccccc; text-decoration: none;}
	
	.mpestanastop UL.pestanas {float: left;	margin:0; LIST-STYLE-TYPE: none; position:relative; height:25px; width:606px;}
	/** muestra pestana en Over **/
	.mpestanastop UL.pestanas LI.sel {padding:0px; background:url(http://img.terra.com.mx/especiales/directorios/onefa/i/overMenu606.gif) no-repeat; float:left; margin:2px 0px 0px 3px; padding:5px 0 0 0; font: 11px Arial; color:#000000; width: 99px; height:23px; text-align:center;}
	.mpestanasbottom .photoMain {border:#000 1px solid; padding:0px; BORDER-TOP:#000 1px solid; float:left; margin:5px 10px 6px 6px; width:130px; height:165px; background-color:#000;}
	/** Se sustituye P por H1 para nota prime en PhotoMain **/
	.mpestanasbottom .photoMain a h1 {margin:130px 0 0 0; font: 11px/12px Arial; width:124px; color: #fff; padding-TOP: 0px; text-decoration: none; text-align:center;}
	.mpestanasbottom .photoMain IMG {padding:0px; float:left; margin:0px; width:130px; height:125px;}
	.mpestanasbottom .NotesSec {padding:0px; float: left; margin: 5px 0px 0 0; width: 140px; height: 150px; }
	.mpestanasbottom .photo {BORDER-RIGHT: #d9d9d9 1px solid; padding-right: 5px; BORDER-TOP: #d9d9d9 1px solid; padding-left: 5px; float: left; padding-bottom: 0px; margin: 0px; BORDER-LEFT: #d9d9d9 1px solid; width: 130px; padding-TOP: 5px; BORDER-BOTTOM: #d9d9d9 1px solid; height: 95px; BACKGROUND-color: #edebde}
	.mpestanasbottom .photo A P {padding:0px; margin:0px 3px; font: 11px/12px Arial; color: #000; text-decoration: none;}
	.mpestanasbottom .photo IMG {padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px 15px; width: 100px; padding-TOP: 0px; height: 70px}
	.mpestanasbottom .Notes {padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; width: 290px; padding-TOP: 0px; height: 150px;}
	.mpestanasbottom .mainNote {padding: 5px 0 14px 0; margin: 0px; width: 285px; height: 40px;}
	/** Este estilo sustituye el H1 por el estilo .titlePrime (es el estilo que pone texto en rojo a los titulos de zona prime)**/
	.mpestanasbottom a .titlePrime {padding:0px; float:none; margin: 5px 0 0 0; font:11px/11px Arial; width:285px; color:#f00; height:11px; text-decoration: none;}
	/** Este estilo sustituye el H2 por el estilo .Subtitle01 **/
	.mpestanasbottom A .Subtitle01 {padding:0px; float:none; margin:0px; font:bold 13px/13px Arial; width:285px; color: #000; text-decoration: none;}
	.mpestanasbottom .mainNote a p {padding:0px; float:left; margin:0px; font:11px/11px Arial; width:285px; color:#000; height:22px; text-decoration:none;}
	.mpestanasbottom .NotesSec a p {padding:0 0 3px 0; float:left; margin:2px 0 2px 0; font:11px/11px Arial; color:#000; text-decoration:none;}
	/** Se sustituye P por H1 para nota prime en PhotoMain **/
	.mpestanasbottom .photoMain a:hover  {CURSOR:hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .photoMain a:hover h1 {CURSOR:hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .photo a:hover {CURSOR: hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .photo a:hover P {CURSOR: hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .mainNote a:hover {CURSOR: hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .NotesSec a:hover P {CURSOR: hand; color: #054809; text-decoration: underline;}
	/** Este estilo sustituye el H2 por el estilo .Subtitle01 para el over sobre las notas de zona prime **/
	.mpestanasbottom A:hover div.Subtitle01{cursor: hand;color: #054809;text-decoration: underline;}
	/** Se sustituye P por H1 para nota prime en PhotoMain **/
	.mpestanasbottom .photoMain A:hover h1 {CURSOR:hand; color: #999999; text-decoration: underline;}
	.mpestanasbottom .mainNote A:hover {CURSOR: hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .mainNote A:hover P {CURSOR: hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .NotesSec A:hover {CURSOR: hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .NotesSec A:hover P {CURSOR: hand; color: #054809; text-decoration: underline;}
	.mpestanasbottom .photo A:hover P {CURSOR: hand; color: #054809; text-decoration: underline;}

.line {padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 4px 0px; LINE-height: 4px; padding-TOP: 0px; BORDER-BOTTOM: #cfc6af 1px dashed; height: 4px}
.line2 {padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; LINE-height: 4px; padding-TOP: 0px; BORDER-BOTTOM: #eceee1 1px solid; height: 4px}
/* pizarras */
.contentPizarras {width:1000px; padding:0 13px 0 11px; clear:both; overflow:hidden; background-color:#333333; }
	/* Títulos de pizarra*/
	.titleSlate{padding: 6px 0 0 10px; font:normal 11px Arial; color: #fff; text-decoration: none;}
	.titleSlate a{font:normal 11px Arial; color: #fff; text-decoration: none;}
	.titleSlate a:hover{text-decoration: underline;}
	/* pizarra 330*/
	.pizarra330Pub {width:330px; float:left; diplay:inline; }
	.pizarra330pub .top330 {width:330px; height:25px; padding: 0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaTopPub_330.gif) no-repeat;}
	.pizarra330Pub .middle330 {padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/repeatVer_330.gif) repeat-y;}
	.pizarra330Pub .bottom330 {width:330px; height:5px; padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaBottom_330.gif) no-repeat; overflow:hidden;}
	/* pizarra 330*/
	.pizarra330 {width:330px; float:left; display:inline; padding:10px 0px 0px 10px;}
	.pizarra330 .top330 {width:330px; height:25px; padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaTop_330.gif) no-repeat;}
	.pizarra330 .middle330 {width:330px; padding:10px 0 0 10px; margin:0px;  background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/repeatVer_330.gif) repeat-y; }
	.pizarra330 .bottom330 {width:330px; height:5px; padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaBottom_330.gif) no-repeat; overflow:hidden;}
	/* pizarra 956*/
	.pizarra956 {width:956px; float:left; diplay:inline; padding:10px 10px 10px 10px;}
	.pizarra956 .top956 {width:956px; height:25px; padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaTop_956.gif) no-repeat;}
	.pizarra956 .middle956 {padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/repeatVer_956.gif) repeat-y;}
	.pizarra956 .bottom956 {width:956px; height:5px; padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaBottom_956.gif) no-repeat; overflow:hidden;}
	/* pizarra 606*/
	.pizarra606 {width:606px; float:left; diplay:inline; padding:10px 10px 10px 10px;}
	.pizarra606 .top606 {width:606px; height:25px; padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaTop_606.gif) no-repeat;}
	.pizarra606 .middle606 {width:606px; padding: 0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/repeatVer_606.gif) repeat-y; overflow:hidden;}
	.pizarra606 .bottom606 {width:606px; height:5px; padding:0px; background: url(http://img.terra.com.mx/especiales/directorios/onefa/i/pestanaBottom_606.gif) no-repeat; float:left;}
/* videos terraTv*/
.m606Videos {padding: 10px 0 0 0; margin: 0 1px 0 0; width: 956px;}
.m606bottomVideos {padding:0px 0 0 6px;; margin: 0px; height: 120px;}
.mVideosterraTv {padding:0px; float: left; margin: 0px 7px 0px 3px; font: 11px Arial; width:108px; color: #000;}
.mVideosterraTv A {font: 11px Arial; color: #000; text-decoration: none;}
.mVideosterraTv A img {border: none; overflow:hidden; vertical-align:top;}
.mVideosterraTv A:hover {color: #999999; text-decoration: underline;}
A.vermas {padding: 0 8px 0 0; display: block;background: url(http://img.terra.com.mx/http://img.terra.com.mx/especiales/directorios/onefa/i/bu.gif) no-repeat right 50%;float: none; margin: 3px 10px 0px 0px; font: 10px Arial; color: #000; height: 10px; text-align: right; text-decoration: none;}
A.vermas:hover {color: #0e8e16; text-decoration: underline;}
/* Galerías*/
.m310 {padding:0px; margin: 0px; width: 310px;}
.fotoNota {width:300px; padding:5px 0 4px 0; display: block; margin: 0px 4px 0px 6px; height: 45px;}
.fotoNota A {width:300px; display: block; font:11px Arial; color: #000; text-decoration: none; ;}
.fotoNota A IMG {float: right; margin: 0 10px 0 0;}
.fotoNota A:hover {color: #0f8016; text-decoration: underline;}

/* Encuestas y opinas*/
.m225_Rg {padding:0px; margin: 10px 6px 0px 10px; width: 227px; float:left;}
.pregunta1 {padding: 6px 6px 3px 6px; font: 11px Arial; color: #000; }
P.pregunta {padding: 0 6px 0 6px; display: block; margin: 0px; font: 11px Arial;color: #000;}
.respuesta { padding: 0 0 0 0; display: block; margin: 0 0 0 5px; font: 11px Arial; width: 185px; color: #000;}

/* Notas*/
.m300_Rg {padding:0px; float:left; margin:10px 6px 0px 10px; width:302px; }

.m300bottom {width:310px; padding:0px; margin: 0px; float:left;}
.m300bottom .mainNote a {float:left; text-decoration: none;}
.m300bottom .mainNote a p {padding:4px 0 0 9px; float: left; margin: 0px; font:bold 13px/15px Arial; width: 158px;color: #f00;}
.m300bottom .mainNote a:hover  {color: #05750c; text-decoration: underline;}
.m300bottom .mainNote a:hover P {CURSOR: hand; color: #05750c; text-decoration: underline;}

.m300bottom .secNote a  {text-decoration: none;}
.m300bottom .secNote a P {CURSOR: hand; color: #05750c; padding: 4px 0 0 12px; float: left; margin: 0px; font: 11px/13px Arial; width: 160px; color: #000; height: 40px; text-decoration: none;}
.m300bottom .secNote a:hover {CURSOR: hand; color: #05750c; text-decoration: underline;}
.m300bottom .secNote a:hover P {CURSOR: hand; color: #05750c; text-decoration: underline;}

.m300bottom .terNote a {float:left; text-decoration: none;}
.m300bottom .terNote a P {CURSOR: hand; color: #05750c; padding: 4px 0 0 9px; display: block; float: left; margin: 0px; font: 11px/13px Arial; width: 280px; color: #000; height: 26px; text-decoration: none;}
.m300bottom .terNote a:hover {color: #05750c; text-decoration: underline;}
.m300bottom .terNote a:hover P {CURSOR: hand; color: #054809; text-decoration: underline;}

.m300bottom DIV.photo {padding:0px; border:#d9d9d9 1px solid; LEFT:6px; float:left; margin: 0px; width: 120px; position: relative; TOP: 6px; height: 130px; BACKGROUND-color: #edebde;}
.m300bottom DIV.photo a {text-decoration: none;}
.m300bottom DIV.photo a P {padding: 0 4 0 4px; margin: 0px; font: 11px/12px Arial; width: 112px; color: #000; text-decoration: none;}
.m300bottom DIV.photo a:hover {CURSOR: hand; color: #05750c; text-decoration: underline;}
.m300bottom DIV.photo a:hover P {CURSOR: hand; color: #05750c; text-decoration: underline;}
.m300bottom DIV.photo IMG {psdding: 0 0 0 0px; float: left;	margin: 0px; width: 120px; height: 90px;}

/*Formulario Busquedas*/
.bloqueBusqueda{
position:absolute; 
top:148px; 
height:18px; 
left:647px; 
z-index:999999999;
}
.cajaForm{
width:280px; 
height:18px; 
float:left;
overflow:hidden;
}
.texform{ 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
width:280px; 
height:18px;
overflow:hidden;
float:left;
}

.btn_buscar{
width:49px; 
height:18px; 
float:left; 
/*margin-top:1px;*/
overflow:hidden;
}
/*Formulario Busquedas*/



/* Footer */
.footer {width:1000px; height:30px; margin:10px 0 0 0px; padding:0;float:left; background-color:#333333; }
.topFooter {width:1000px; height:7px; margin:0; padding:0; background:url(http://img.terra.com.mx/especiales/directorios/onefa/i/topFooter.gif);}
.middleFooter {width:1000px; height:15px; font:normal 11px Arial; color:#000000; background:url(http://img.terra.com.mx/especiales/directorios/onefa/i/repeatFooter.gif) repeat-x; background-position: bottom;}
.middleFooter a {font:normal 11px Arial; color:#000000; text-decoration:none;}
.middleFooter a:hover {font:normal 11px Arial; color:#000000; text-decoration: underline;}
.bottomFooter{width:1000px; height:7px; margin:0; padding:0; background:url(http://img.terra.com.mx/especiales/directorios/onefa/i/bottomFooter.gif);}