/* HOJA DE ESTILOS DE PROMO VIDEOS 1.0

Esta obra está bajo una licencia de Creative Commons.
http://creativecommons.org/licenses/by/2.5/es/

(c) 2008 - ambigrama - estudio de diseño
www.ambigrama.com

========================================================= */


/* ETIQUETAS HTML
=============================== */

body {
width:100%;
margin:0;
padding:0;
font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
line-height:1.5em;
background:url(http://www.contenidovideos.com/promos/img/bg/bg-body.png) repeat;
}

li, ul {
color:#FFF;
list-style:none;
}

h1 {
font-family:"Trebuchet MS", Verdana;
font-size:22px;
font-stretch:condensed;
text-indent:10px;
}


/* LINKS GENERALES
============================ */

a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
	color: #ff0;
}
a:active {
	text-decoration: none;
	color: #fff;
}



/* LINKS CATEGORIAS
=============================== */


#txtcategorias a:link, a:visited, a:hover, a:active {
color:#fff;
text-decoration:none;
}

#txtcategorias a:hover {
color:#fff;
text-decoration:underline;
}



/* LINKS PIE
=============================== */


#txtpie a:link, a:visited, a:hover, a:active {
color:#fff;
text-decoration:none;
}

#txtpie a:hover {
color:#fff;
text-decoration:underline;
}


/* links paginacion 
=========================== */

.paginacion a:link, a:visited, a:hover, a:active {
color:#fff;
text-decoration:none;
}

.paginacion a:hover {
color:#000;
text-decoration:underline;
}




/* ESTRUCTURA 
=============================== */

#contenedor {
width:870px;
margin:0 auto;
}

#cab {
width:100%;
height:240px;
margin:0 auto;
background:url(../img/bg/bg-cab-smseroticos.jpg);
text-align:center;
}

#contenido {
width:600px;
margin: 0 auto;
float:right;
}

#barralat1 {
width:250px;
float:left;
}

#categorias {
width:243px;
background:url(../img/bg/bg-barra.png) repeat-y center;
float:left;
}

#topvideos {
width:243px;
background:url(../img/bg/bg-barra.png) repeat-y center;
float:left;
}

#txtcategorias {
width:200px;
margin: 0 auto;
color: #FFF;
}

#txttopvideos{
width:200px;
margin: 0 auto 30px auto;
color: #FFF;
text-align:center;
}

#pie {
width:100%;
padding:20px auto 20px auto;
margin:0 auto;
clear:both;
background:#CE1717;
color:#FFF;
}

#txtpie {
padding:10px 0 10px 0;
width:800px;
margin:0 auto;
font-size:14px;
}

/* PAGINACIÓN 
========================================== */

.paginacion {
width:570px;
margin: 10px auto;
text-align:center;
background:#CE1717;
}



/* CAJA VIDEO 
==================================================== */

.cajavideo {
width:550px;
margin: 10px auto 10px auto;
background:url(../img/bg/bg-cajavideo.png) repeat;
padding:10px;
font-size:12px;
color:#FFF;
}

.captura {
border: #FFF solid 1px;
margin: 0 8px 0 8px;
}

.txtvideo {
padding-left:10px;
}

/* TOPVIDEO 
==================================================== */

.capturatop {
border: #FFF solid 1px;
text-align:center;
margin:3px;
}


/* BOTONES
==================================================== */

.botones {
width:525px;
margin: -15px auto 0 auto;
text-align:center;
}


/* BUSQUEDA 
====================================================*/

#busqueda {
width:200px;
padding:0 20px 20px 20px;
_margin:-4px 0 -10px 0;
background:url(../img/bg/bg-barra.png);
text-align:right;
float:left;
}

input {
padding:3px;
margin:2px;
}

.cajabuscar {
width:180px;
}

.buscar {
height:40px;
}