@charset "utf-8";
/* CSS Document */



/*-----------------------------------------------------------
CSS KOKO-ARTCHIVES.COM
------------------------------------------------------------*/


/*---------------------------------------------------------------
HOME
------------------------------------------------------------------*/
#column1, #column2, #column3 {float:left;width:320px;}
#column4 {float:left;width:600px;}
#column3 {padding-left:3px;	border-left:1px solid #999;}
#column1, #column2, #column4{border-right:1px solid #999;margin-right:3px;padding-right:4px;}

#column2{border-width: 0;margin-right:0px;}
#column4{border-width: 0;margin-right:0px;}
#column1 h2 {background: url(../img/grey_copy.gif) repeat-x;margin: 0;border-width: 0 1px;	}
#column1 .modelos{background-image:url(../img/gal_mod.jpg); background-repeat:no-repeat;height:163px;border-bottom:1px solid #cccccc;}
#column1 .modelos p { padding-left:85px; padding-top:5px;}
#column1 .aviso{background-image:url(../img/fondo_Aviso_legal.jpg); background-repeat:no-repeat;height:163px;border-bottom:1px solid #cccccc;}
#column1 .aviso p { padding-left:100px; padding-top:20px;}
.sms{background-image:url(../img/sms.jpg); background-repeat:no-repeat;border-bottom:1px solid #333; }
#column1 .sms p { padding-left:100px; padding-top:20px;}
#column1 .item_container a {text-decoration:none;color:#666;}
#column1 .item_container img{margin-top:5px;border-bottom:1px solid #cccccc;}
#column1 .item_container a:hover {background:none;color:#666;}
#column1 .item_container a.icon{float:left;	}
#column1 .item_container p {padding-top:0.3em;margin:0;	width:238px;float:left;}
#column1 .item_container em{font-style: normal;	font-size: 1.1em;color: #BD0003;}
#column1 div.item_container{ margin:0;	padding:0;height:67px;	width:316px;}
#column2 h2 {width: 318px; margin: 5px 0 0 0;border: 1px solid #CECECE;	border-width: 0 1px;}
div.item_container {border:1px solid #DEDEDE;border-width:0 1px 1px;margin: 0; padding: 4px;}

#column5 {float:left;width:320px;}
#column5 {margin-right:3px;padding-right:4px;}

.mainimage {display: block;border: 1px solid #cecece;margin-top:0;}
#wrapper {overflow: hidden;}
#wrapped {left: 0px; top: 0px;}
#wrapper, #wrapped {position: absolute;	width: 318px;}
	
.ultimas_sesions{width:318px;height:135px;background-image:url(../img/fondo_fotos.jpg);background-repeat:no-repeat;
	background-position:top;margin-top:10px;}
.foto_ultimas{width:318px; height:100px; padding:2px;  border:1px solid #CCCCCC;}
	
#titulo_fotos_ultimas{color:#000000; text-align:center; width:175px; margin-top:0px;float:left; }

.enlace a:link {
	color: #000000; font-weight:bold;
	text-decoration:none;
}
.enlace a:visited {
	color: #000000; font-weight:bold;
	text-decoration:none;
}
.enlace a:hover {
	color: #FFFFFF;font-weight:bold;
	text-decoration:underline; background-color:#830000;
}
.enlace a:active {
	color: #000000;font-weight:bold;
	text-decoration:none;
}
	
#descarga_ultimas{color:#000000; text-align:center; width:120px;float:right;margin-top:10px }
.abajo_foto_ultimas{width:100px; height:120px; padding:0 2px 0 2px;  /*border:1px solid #CCCCCC*/; margin:0 auto;}
.abajo_foto_catalogo{width:100px; height:90px; padding:2px;  border:1px solid #CCCCCC;}
.abajo_foto_catalogo a{text-decoration:none;}

#titulo_ultimas{color:#000000; text-align:center; width:120px; }

/*------------------------------------------------------------
general
-----------------------------------------------------------*/
* {	font-family: Arial,sans-serif;}
body {margin: 0;font-size:12px;	background: #FFF;color: #666;}

h1, h2, h3 {color: #830000;font: bold 1.7em Arial;border: 1px solid #AAA;border-width: 0 0 1px;text-transform: uppercase;	margin-bottom: 0;}
	
h1 {font-family: "Courier new";}
	
h1.footer {	background:url(..//img/sites_icon.gif) no-repeat 0 3px;	padding-left: 22px;	}
h2 {font-size: 1.2em;margin-top: 1em;}
h3 {font-size: 1em;	border-width: 0;}
img {border-width: 0;vertical-align:top;}
a {	color: #830000;	padding-left: 0px;}
textarea {overflow: auto;}
sup {font-size:1em;line-height:0.01em;	}
a:hover {color: #FFF;   background-color: #830000;	color: #FFF;text-decoration: none;}
a strong {padding: 0 1px;}
p.container{margin:0;}
hr.dotted {	border:4px solid #999999;border-width: 1px 0 0 0;margin: 0;	height: 1px;	}
div.hr {margin:2px 0;border: 4px solid #999999;	border-width: 1px 0 0 0;background: #FFF;}
br.clearer {clear: both;font-size: 0;line-height: 0;	}

#fullcontainer1 {	background: url(../img/bg1.gif) repeat-x;
		border-width: 0 0 5px 0;
		font-size:1.1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	#fullcontainer2 {
		background: url(../img/bg2.jpg);
		border-width: 1px 0 0 0;
	}
	#fullcontainer3 {
		background: url(../img/bgmenu.gif);
		height:2.2em;
		font-size:1.1em;
	}
	#fullcontainer4 {
		
		border-width: 1px 0 0 0;
	}

	#fullcontainer5 {
		/*background: url(../img/bg4.jpg) repeat-x;*/
		margin: 0.5em 0;
	}

	#fullcontainer6 {
		background: url(../img/bg6.jpg) repeat-x;
		margin: 0;
	}
	

.centered {margin: 0 auto;width: 976px;}
.centered2 {margin: 20px auto 0 auto;width: 976px;}
#toolbar {padding: 1px;	float:right;}
#toolbar a {color: #830000;}
#toolbar a:hover {color: #FFF;}
	
*.submit {background: #830000 !important;color: #FFF;cursor: pointer;}
#loginform, #languages, #registernow, #help, #privatenewsletter{float:left;	padding-left:5px;border:1px solid #888;
background: #FFF;color: #000;font-size:0.75em;margin-right: 0.6em; text-transform: uppercase;vertical-align:bottom;}
#loginform label {color: #666;}
#loginform input {background: #FFF;border: 1px solid #AAA;border-width: 1px;}
input {margin: 0;padding:0 0.25em;border-width: 0;font-size: 1em;		}
input.submit {padding: 0;background: #830000;color: #FFF;font-size: 1em;}

#languages, #registernow {padding: 2px 2px;}
#languages a, #languages span{padding:0 0.1em;border: 1px solid #FFF;border-width: 0 1px 0 0;}
#languages span {background: #000;color: #FFF;	}
#languages a.last, #languages span.last{border-width: 0;}

#registernow a {text-transform: uppercase;}
#privatenewsletter {   padding: 2px; background-color:#830000;  }
#privatenewsletter a{    color: #fff;  }

 a.over_header { background:none; }
 
#footer {padding-top: 1em;	height:125px;color: #F99;}
#footer a{color: #FFF;	font-weight: bold;	text-decoration: none;	margin: 1em;	}
#footer a:hover {text-decoration: underline;}
#footer a img{	border: none;	}

 #banner2, #banner3 {float: left;width: 120px;margin-right:5px;background-image:url(../img/fondo_fotos2.jpg);
		background-repeat:no-repeat;background-position:top left;height:135px; 	}
#banner1, #banner2, #banner3 img{ padding-left:2px; padding-top:2px;}
#banner1 {float: left;width: 120px;margin-right:5px;background-image:url(../img/fondo_fotos2.jpg);
		background-repeat:no-repeat;background-position:top left;height:120px; margin-top:10px;	}
#banner4 {float: left;width: 100px;margin-right:5px;background-image:url(../img/fondo_fotos2.jpg);
		background-repeat:no-repeat;background-position:top left;height:175px;	}
#banner4 img{ padding-left:10px; padding-top:10px;}

.foto_ultimas img {
	height:100px;
}
	
/* TPV */
html>body .tpv {	
	margin-left: 90px;
	width: 335px;
}

.tpv legend{
	font-weight: bold;
	color:#e20000;
}

.tpv label {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #586764;
	text-align: right;
	width: 110px;
	padding-right:5px;
	display: block;
	float: left;
}
.tpv input, .tpv textarea, .tpv select, .tpv checkbox, .tpv radio {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	display: block;
	margin-bottom: 5px;
	border: 1px solid #AAA;
	border-width: 1px;
}

.obligatorio {
	margin-right: 5px;
	color: #990000;
}

#contPortada{width:974px; margin:0 auto; background-color:#000000;}
.portada{color:#FFFFFF; font-weight:bold; padding-left:10px; padding-top:10px;}

.entrada{background-color:#666666}


#content .galerias_fotos {
	border: 0px solid #fff;
	width: 635px;
	height: 435px;
	padding: 0 0 0 0;
}

#content .galeria_foto_media {
	border: 0px solid #fff;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	height: 375px;
}

#content .galeria_foto_media img {
	border: 0px solid #fff;
	float: left;
	margin: 0 10px 0 10px;
}

#content .galeria_fotos_pequenas {
	margin-left: 10px;
	color: #FFFFFF;
	width: 100%;
	border: 0px solid #fff;
	float: left;
}

#content .galeria_fotos_pequenas ul li {
	list-style: none;
	display: inline;
}

#content .galeria_fotos_pequenas ul li a {
	margin: 5px 4px 0 0;
}

.fotoZoom {
	text-align: center;
	margin-top: 10px;
}

.fotoZoom img {
	border: 3px solid #fff;
}

.nav_foto {
	width: 400px;
	margin: 6px auto 0 auto;
	height:20px;
}
.foto_anterior {
	font-size: 55px !important;
	color: #c0c0c0;
	float:left;
}

.foto_siguiente {
	font-size: 55px !important;
	color: #c0c0c0;
	float:right;
}
.foto_anterior a:link  {
	color: #830000 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.foto_anterior a:visited  {
	color: #830000 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.foto_anterior a:active  {
	color: #830000 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.foto_anterior a:hover  {
	color: #c0c0c0 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.foto_siguiente a:link  {
	color: #830000 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.foto_siguiente a:visited  {
	color: #830000 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.foto_siguiente a:active  {
	color: #830000 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.foto_siguiente a:hover  {
	color: #c0c0c0 !important;
	font-size: 55px !important;
	text-decoration: none !important;
	font-weight: bold;
}
.invisible{
	text-align:center;
}

	
