/*-- NULL BROWSER DEFAULTS --*/ 
* {margin:0;}
html, body {height: 100%;}
ul {list-style:none;}
iframe {border:0;}
/*-- GLOBAL DEFAULT ELEMENTS --*/ 
body { font-family:Arial, Helvetica, sans-serif; margin:0 auto;padding:0; text-align:left; color:#000; background:#FFFFFF repeat-x;}
a {text-decoration:none;cursor:pointer;overflow:hidden;}
a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:hover {text-decoration:underline;}
a img {border:0;}
td{vertical-align:top}
h1{font-size:18px; font-weight:bold; font-family:sans-serif; }
h1 a{color:#000;}
h1 a:focus{color:#000;}
h1 a:hover{color:#000;}

#TablaSuperior{border:0px; width:960px; margin:0 auto;}
#TablaPrincipal{border:1px solid #000000; width:960px; margin:0 auto 40px auto;}
.globalnav{margin:0;padding:0;font-size:11px;color:#FFFFFF;}
.globalnav li{float:left; padding-right:10px;}
.globalnav li a{color:#FFFFFF;}
#filaCabecera{background-color:#263D8B;}
#filaCabeceraAd{background-color:#263D8B;}
#filaCabecera td{vertical-align:middle; height:60px;}
#filaSubCabecera{background-color:#FFFFFF;}
#filaSubCabecera td{height:40px; vertical-align:middle; padding-left:20px;}
#clavebusqueda{width:200px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px groove #cccccc; padding-left:10px; color:#000000;}
#buscar{font:bold 12px arial;cursor:pointer;border:0;background:#cccccc; color:#000000;text-decoration:none;text-align:center;}
#filaCabeceraAd{text-align:center; border-top:1px solid #000000; border-bottom:1px solid #000000;}
#filaCabeceraAdVideo{text-align:center; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#FFFFFF}
#tablaContenido{width:100%;}
#celdaVideos{background-color:#FFFFFF; width:640px;}

#celdaColumnaDerecha{background-color:#FFFFFF; padding-left:8px; padding-right:8px;}
#capaEnlacesAd{margin-top:20px; margin-bottom:20px; text-align:center;}
#capaVideos{display:block; width:644px; vertical-align:middle; }
#tablaOrdenacion{width:644px;}
#tablaOrdenacion td{font-size:12px; padding-bottom:10px; padding-right:28px; text-align:right; color:#666666;}
#tablaOrdenacion select{color: #666666; font-size:11px;}
.tituloVideo a{display:block;font-weight:bold;font-size:11px; color:#1B3E8F}
.categoriaVideo{display:block;font-size:10px; color:#737373;}
.reproduccionesVideo{display:block;font-size:10px; color:#737373;}
.duracionVideo{display:block; font-weight:bold; font-size:11px; color:#F36E0B;}
#tablaListadoVideos{margin-left:0px;}
#tablaListadoVideos td{ width:136px; padding-left:21px; padding-bottom:30px; padding-right:0px; }
#tablaListadoVideos td img{border:solid 1px #B9B9B9;}
#tablaListadoVideos td label{color:#F36E0B;}

#tablaPaginacion{margin-left:50px; width:590px; margin-bottom:30px;}
#paginacion{vertical-align:middle; padding-top:2px; padding-bottom:2px;}
#paginacion ul{}
#paginacion ul li{display:inline; border:solid 1px #303066; margin-right:7px; font-size:11px; text-align:center; padding-left:3px; padding-right:3px; color:#263D8B;}
#paginacion ul li a{color:#263D8B; text-decoration:none;}
#paginacion ul li a:hover{color:#F36E0B;}
#paginacion .selectedpage{border:solid 1px #F36E0B;}

#contadorResultados{ text-align:right; vertical-align:middle; font-size:11px; color:#263D8B; padding-right:24px;}
.TituloExchange{font-size:11px; color:#F36E0B; font-weight:bold;  margin-top:20px; margin-left:30px;}
#tablaLinkExchange{width:100%; margin-top:5px; margin-bottom:40px;}
#tablaLinkExchange td{text-align:left; padding-left:30px;}
#tablaLinkExchange td a{ font-size:11px; color:#1B3E8F; list-style:square;}
#celdaSEO{text-align:center; font-size:11px; padding-left:50px; padding-right:50px; padding-top:30px; padding-bottom:40px; border-top: solid 1px #999999; background-color:#FFFFFF; }
#espaciadoInferior{float:left}
#filaComentarios td{ background-color:#FFFFFF;}
#capaNoResultados{font-size:13px; margin-left:40px;}

/****  Columna derecha del index.php  ****/
UL.col3{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE:disc; background-color:#FFFFFF; padding:4px; margin-right:30px;} 
UL.col3 LI{ PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 47%; PADDING-TOP: 2px;} 
UL.col3 LI a{color:#F36E0B; font-weight:bold; font-size:12px;}
UL.col3 LI a:hover{color:#000000;}

.thepet h2{color:#F36E0B; font-size:13px}
.thepet p{font-size:12px; margin-top:5px; margin-bottom:10px;}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border-bottom: 1px dashed #263D8B;
background: #FFFFFF;
font-size:14px;
font-weight:bold;
color:#263D8B;
margin-top:8px;
width:100%;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border-bottom: 1px dashed #263D8B;
background: #FFFFFF;
font-size:14px;
font-weight:bold;
color:#263D8B;
margin-top:8px;
width:100%;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#263D8B;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#263D8B;
}


/******************************************   lo Propio de la plantilla de video ***/ 

#celdaTitulo{background-color:#FFFFFF; padding-top:12px; padding-left:20px; color:#263D8B; font-size:12px; padding-bottom:15px;}
#celdaTitulo h1{display:inline; font-size:20px; font-weight:bold; color:#F36E0B; vertical-align:middle;}
#celdaRelacionados{font-size:12px; color:#263D8B; width:190px; background-color:#FFFFFF; padding:6px;}  
#celdaVideo{background-color:#FFFFFF; padding:6px; padding-left:15px; color:#263D8B; width:450px; font-size:11px;}
#celdaVideo h1{padding-top:8px; font-size:16px; font-weight:bold; color:#F36E0B; }
#celdaVideo span{color:#666666; font-weight:bold; margin-top:5px; }
#celdaAutor{background-color:#FFFFFF; padding:0px; color:#263D8B; width:320px;}
#videosAutorListado{height:192px; overflow:auto; margin-top:8px;}
#tablaVideosAutor td .Titulo a{color:#263D8B; font-size:12px; font-weight:bold; display:block}
#tablaVideosAutor td .Categoria{color:#737373; font-size:12px; display:block}
#tablaVideosAutor td .Duracion{color:#F36E0B; font-size:12px; display:block}
#videosAutor{border-top:solid 1px #999999; border-left:solid 1px #999999; border-bottom:solid 1px #999999; color:#1B3E8F; font-size:12px; padding-left:6px; padding-top:6px; padding-bottom:6px; margin-bottom:20px; margin-top:6px;}
#propsVideos{margin-top:6px; font-weight:bold;}
#tablaComentarios{border-top:solid 1px #999999; border-bottom:solid 1px #999999;}
#tablaComentarios #celdaComentarios{ background-color:#FFFFFF; width:670px; padding-left:6px; text-align:left; padding-top:20px; font-size:12px; font-weight:bold; color:#737373; padding-bottom:20px;}
#tablaComentarios #celdaComentarios .capaComentarios{border:solid 1px #CCCCCC; width:928px; height:350px;}
#tablaComentarios #celdaComentariosAd{background-color:#FFFFFF; width:320px; padding-top:35px; padding-right:16px; text-align:right;}
#tablaComentarios #celdaComentarios .capaScrollComentarios{overflow:auto; height:330px; margin-bottom:8px; margin-top:8px;}
#listaComentarios td{font-size:11px; border-bottom:solid 1px #CCCCCC;}
#listaComentarios .celdaComentario{ padding-left:30px; padding-bottom:20px; padding-top:15px; padding-right:15px;}
#listaComentarios .celdaFechaComentario{width:150px; padding-top:15px;}
#listaComentarios .autorComentario{display:block; color:#F36E0B;}


/* Sociable */

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ''; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}