/* RESET DE ESTILOS */
body, a, ul, p, span, li, table, td, tr,  h1, h2, h3, h4, h5, img,  div, form {
	margin: 0;
	padding: 0;
	outline: none;
}
a, a img{
	text-decoration: none;
	border: 0;
}
#vitrina ul{
    list-style: none;
}
/***********************/


body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #4C95F1 url(../images/bg_body.gif) repeat-x center top;
}

a{color: #008CD7;}

.left{float: left;}
.right{float: right;}


div#main{
    width: 995px;
    background: url(../images/bg_border_main.png) repeat-y center top;
    margin:  0 auto;
}

div#header{
    height: 110px;
    width: 975px;
    margin: 0 auto;
    background: #FFF url(../images/foto_banner.jpg) no-repeat right center;
}
    div#contenedor_buscador{
        width: 195px;
        height: 21px;
        background: url(../images/bg_buscador.png) no-repeat center top;
        margin: 80px 0px 0px 0px;
        padding-left: 50px;
        padding-top: 5px;
    }
    
    input#buscador{
        width: 155px;
        border: 0px;
    }

h1#logo{
    background: url(../images/logo.jpg) no-repeat center center;
    width: 238px;
    height: 68px;
    cursor: pointer;
    margin: 15px 0px 0px 40px;
}

h1#logo span{
    display: none;
}

div#menu{
    height: 53px;
    background: #FFF url(../images/bg_menu.jpg) no-repeat center top;
    width: 975px;
    margin: 0 auto;
}

div#contenedor_principal{
    width:  975px;
    height: 335px;
    margin: 0 auto;
    background: #FFF;
}

    div#vitrina{
        width: 635px;
        height: 325px;
        margin-left: 20px;
    }
    
    div#titulares{
        width: 295px; 
        height: 320px;
        background: #FFF;
        margin-right: 20px;
    }
    
    div.contenedor_titular{
        width: 304px;
        height: 333px;
        background: url(../images/bg_titulares_home.jpg) no-repeat center top;
        text-align: right;
    }
    
    div.contenedor_titular_int{
        width: 304px;
        height: 146px;
        background: url(../images/bg_bloque_titulares.jpg) no-repeat center center;
        text-align: right;
    }
    
    div.item_titular{
        height: 125px;
        text-align: left;
    }
    
    div#titulares h1, div.contenedor_titular_int h1, div#sidebar>h1{
        height: 30px;
        font-size: 24px;
        color: #314056;
        background: url(../images/bg_tit_titulares.jpg) no-repeat left top;
        padding-left: 40px;
        margin-left: 15px;
        
    }
    div#titulares h3{
        font-size: 14px;
        color: #008BD6;
    }
    
    div.contenedor_titular_int h3{
        font-size: 14px;
        color: #008BD6;
        margin: 0px 0px 0px 30px;
        padding-top: 15px;
    }
    
    div#titulares .bajada_titular{
        color: #6F6F6F;
        font-size: 12px;
        text-align: justify;
        min-height: 80px;
    }
    
    div.contenedor_titular_int .bajada_titular{
        width: 250px;
        color: #6F6F6F;
        margin: 5px 0px 0px 30px;
        font-size: 12px;
        text-align: justify;
    } 
    
    div#div_readmore{
        width: 100%;
        text-align: right;
        margin-top: 0px;
        
    }
    
    a.readmore{
        color: #6F6F6F;
        font-size: 11px;
        display: block;
        height: 14px;
        width: 80px;
        background: url(../images/bullet_readmore.gif) no-repeat left center;
        text-align: right;
        float: right;
        clear: both;
        margin-right: 25px;
    }
    a.readmore:hover{
        color: #000;
        background: url(../images/bullet_readmore_hover.gif) no-repeat left center;
    }

div#contenedor_bajada_productos{
    width: 975px;
    height: 190px;
    margin: 0 auto;
    background: #fff url(../images/bg_bajada_productos.jpg) no-repeat center center;
}
    div#bajada_productos{
        width: 900px;
        margin: 0 auto;
    }
    div#bajada_productos ul{
        list-style: none;
        margin: 0;
    }
    div#bajada_productos ul li{
        list-style: none;
        margin: 0;
        width: 270px;
        padding: 15px;
    }
    div#bajada_productos ul li p img{
        width: 110px;
        height: 100px;
        margin: 0 5px 0px 15px;
    }
    
    div#bajada_productos ul li p strong.title{
        color: #959494;
    }
    
    div#bajada_productos ul li p.intro{
        font-size: 9pt;
        height: 125px;
        color: #6F6F6F; 
    }



div#footer{
    width: 995px;
    margin: 0 auto;
    height: 155px;
    background: url(../images/bg_footer.png) no-repeat center top;
    overflow: hidden;
}

div#footer ul.items_footer{
    margin-top: 40px;
    margin-left: 100px;
}

div#footer ul.items_footer li{
    float: left;
    margin-left: 15px;
    list-style-image: url(../images/vineta.jpg);    
    border: 0px solid red;
    margin-right: 120px;
}

div#footer ul.items_footer li a{
    color: #9c9797;
    font-weight: bold;
    font-size: 10pt;
}

div#footer p.address{
    color: white;
    font-size: 10pt;
    float: right;
    margin: 43px 10px 0px 0px;
}


    
div#contenido{
    float: left;
    width: 600px;
    margin: 15px 0px 0px 50px;
    font-size: 12px;
    color: #515151;
}    

div#sidebar{
    width: 310px;
    float: right;
}        

div#contenidos{
    min-height: 400px;
    background: #F8F8F9;
    width: 975px;
    margin: 0 auto;
    height: 1%; 
    overflow: hidden;
}        

div#titulacion{
    margin: 15px 0px 0px 50px;    
}

h1.titulo_articulo{
    font-size: 24px;
    color: #008CD7;
    margin: 0px 0px 20px 0px;
}
        
.side_int{
    width: 295px !important;
    text-align: right;
    margin-right: 20px;
}    
    
.side_int img{
    margin-right: 25px;    
}

#link_contacto{
    float: right;
    margin: 5px 35px 0 0px;
}

.thumbnail{
    border: 2px solid #585858;
    margin: 5px 8px 0px 0px;
}

/* formularrio de ingreso clientes */
div.form_cliente{
    font-size: 10pt;
    color: #008CD7;
    border: 1px solid #B2B2B2;
    padding: 5px 5px 5px 5px;
    margin-top: 20px;
    margin-left: 30px;
    width: 250px;
}

div.form_cliente span.tit{
    color: #008CD7;
    text-transform: uppercase;
    font-size: 8pt;
    font-weight: bold;
}

div.form_cliente input{
    border: 1px solid #CCC;
    margin-top: 5px;
}

div.form_cliente a{
    color: #0B4791;
    text-decoration: underline;
}

span.glosa_tit{
    font-size: 8pt;
}

div#lista_secciones span{
    display: block;
    width: 120px;
    float: left;
    clear: both;
}

div.contenedor_news_scroll  {
    margin-left:21px;
    overflow:hidden;
    padding-top:28px;
    width:250px;
    margin-left: 30px;
    /*background: #C2E1E2;*/
}

p.desc_seccion{
    width:470px;
    text-align: justify;

}


/* CAROUSEL EN EL HOME */

#carousel {
	width:255px;
	/*height:270px;*/	
	margin:0 auto;
	overflow:hidden;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:250px;
	height:250px;
	border:0px solid #ccc;
    margin-top: 15px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:750px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:250px;
	float:left;
    margin-bottom: 15px;
}

#slides li img {
	padding:4px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	float:right;
    margin-right: 15px;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(../images/arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	background:url(../images/arrow.gif) 0 0 no-repeat;
}

a#next {
	background:url(../images/arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {
	background:url(../images/arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}


a.go,
a.back{
    position: absolute;
    display: block;
    width: 23px;
    height: 32px;
    border: 0px;
    text-indent: -9999px;
    cursor: pointer;
}

a.go{
    background: url(../images/arrow.gif) right top;
    margin-top: -110px;
    margin-left: 952px;
}
a.go:hover{
    background: url(../images/arrow.gif) right bottom;
}
a.back{
    margin-top: 80px;
    background: url(../images/arrow.gif) left top;
}
a.back:hover{
    background: url(../images/arrow.gif) left bottom;
}