/* KARIN WEB STYLESHEET
Horaci Polanco 2008 /  www.horacipolanco.biz

-------------------------------------------*/


/* general
-------------------------------------------*/

html{
font-size: 100%; /* WinIE text resize correction */
} 

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body{
font-size: 1em; /* 16px*/
line-height:1.5em;
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
color: #666;

}

.clear {
  clear: both;
}

.centrado {
  text-align: center;
}

.derecha {
  float: right;
  margin: 0;
}

.izquierda{
  float: left;
  margin: 0;
}

.logo{
position:relative; 
margin-top:0;
}

/* cajas
-------------------------------------------*/

#caja{
width:800px; /* 768px*/
min-height: 1050px;
margin: 0 auto 0 auto;
padding-bottom:40px;
background-color: transparent;
background: url(../karinducroo_img/karin_fondo.jpg) repeat-y;
text-align:left;
}

#cabecera_web{
width: 790px; /* 768px*/
height: 165px;
background: url(../karinducroo_img/karin_fondo.jpg) no-repeat;
}

.karin_logo{
margin: 1.25em 1.25em 1.25em 0; /* 20px*/
}

.ppal{
min-height: 690px;
padding-left:10px;
}

.datos{
width: 200px;
margin-top: -35px;
margin-right:80px;
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
line-height: 16px;
color: #000;
float: right;
text-align: left;
}


.caja_contenido{
padding-top:45px;
padding-left:15px;
align:left;
background-color: transparent;
clear: both;
}

.caja_work{
width:222px; /**/
height: 142px; /**/
margin-right:12px;
margin-top:10px;
padding: 0 0 0 0;
align:left;
float:left;
background-color: transparent;
background: url(../sombra.gif) no-repeat;
}

.caja_work p{
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
line-height: 12px;
color: #fff;
margin-top: -0.25em;
padding-left: 10px;
padding-bottom: 15px;
}

.caja_work a, .caja_work a:link, .caja_work a:visited{
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
text-decoration: none;
color: #fff;
}

.caja_work a:hover{
text-decoration: none;
color: #000;
}

.caja_work img{
border: none;
padding: 5px 0 0 11px;
}

.caja_work: hover{
color: #666;
}

.caja_about{
float:right;
}

.texto_proyectos{
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
text-decoration: none;
font-size: 11px;
line-height: 14px;
color: #666;
padding: 10px 0 0 20px;
}

.margen_izq{
padding: 0 0 0 15px;
}

.videos{
margin: 20px 0 20px 20px;
}
.about{
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
text-decoration: none;
font-size: 11px;
line-height: 14px;
color: #000;
padding: 20px 150px 0 20px;
}

.pie{
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
text-decoration: none;
font-size: 11px;
line-height: 12px;
width:750px;
height: 50px;
margin-top: 100px;
border-top:2px; 
border-style:dotted;
padding: 8px 0 15px 15px;
clear: both;
}


/* menus
-------------------------------------------*/

.karin_menu{
width: 670px;
height:18px;
font-size:12px; /* 12px*/
background-color: #000;
padding-left:22px;
padding-bottom:4px;
margin: 10px 0 0 0;
/*position: absolute; left:auto; right:auto; top:150px;*/


}

.karin_menu  ul li {
display: inline;
text-align:left;
list-style-type:none;
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
color: #fff;
}

.karin_menu li a, .karin_menu a:visited {
font-weight: normal;
color: #fff;
text-decoration:none;
padding-right: 40px;
padding-bottom:10px;

}

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

.karin_menu a:active {
text-decoration:none;
color: #fff;
}

.menu_proyectos{
width: 550px;
height:2.25em;
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
color: #000;
font-size:0.75em; /* 12px*/
font-weight:bold;
background-color: transparent;
float:left;
padding-top:30px;
padding-left:15px;
}

.menu_proyectos  ul li {
display: inline;
text-align:right;
list-style-type:none;
}

.menu_proyectos li a, .menu_proyectos a:visited {
font-weight: bold;
color: #000;
text-decoration:none;
padding-left: 10px;
}

.menu_proyectos a:hover {
text-decoration:none;
color: #fff;
}

.menu_proyectos a:active {
text-decoration:none;
color: #000;
}

/* tipos general
-------------------------------------------*/

a, a:active, a:visited {
color: #000;
text-decoration:none;
vertical-align:middle;
}

a:hover {
text-decoration:none;
vertical-align:middle;
color: #000;
}