/*
    Document   : stylesheet
    Author     : czer
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


html, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn,em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}body {line-height:1.5;}table {border-collapse:separate;border-spacing:0;}caption, th, td {text-align:left;font-weight:normal;}table, td, th {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:"";}blockquote, q {quotes:"" "";}a img {border:none;}

* {
    margin: 0;
}

body {
    background-color:#d1dfec;
    font-family: 'Cantarell';

}

a:link {
    color: navy;
    text-decoration: none;
}

c:link{
    color: olive;
    text-decoration: none;
}

a:visited {
	color: navy;
        text-decoration: none;
}

a:hover {
	color: blue;
	text-decoration: underline;
}

a:active {
	color: navy;
}


h1{

    font-family: 'Yanone Kaffeesatz';
    font-size: 30px;
}

h3{
    font-family: 'Yanone Kaffeesatz';
    font-size: 25px;
    color: navy;
}

p {
	font-family: 'Cantarell';
	font-weight:normal;
	font-size:12px;
	color:black;
}

span {
    font-family: 'Cantarell';
    font-weight:bold;
    font-size:15px;
    color: #004080;
}

span.cata{
    font-family: 'Cantarell';
    font-weight: inherit;
    font-size:12px;
    color: #004080;
}

span.pharse{
    font-family:'Tangerine';
    font-size:40px;
    color:#001d49;
}

p.an1{
	color:graytext;
	font-size:16px;
	font-weight:lighter;
	text-align: center;
}

p.an2{
	color:black;
	font-size:12px;
	font-weight:normal;
	text-align: center;
}

p.an3{
	color:navy;
	font-size:15px;
	font-weight:bold;
	text-align: center;
}

p.an4{
        color:#001d49;
	font-size:10px;
	font-weight:normal;
	text-align: center;
}


ul{
	padding: 20px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

li {
	list-style-image: url("images/uli.gif");
	border-bottom: 1px dashed #b1badf;
        margin: 5px 0pt 0pt;
        color: rgb(0, 64, 128);
        font-size:12px;
        font-weight: normal;
}



#header {
	width: 100%;
	position:relative;
	background-image: url("images/fondomar-top.jpg");
	background-repeat: repeat-x;
}

#leftpanel{
    height: 100%;
    position: absolute;
    width: 55%;
    left: 7%;
}

#rightpanel {
	width:30%;
	top:170px;
        float:right;
	right:7%;
	position:absolute;
}

#footer {
    margin: 0 0 0 0;
       padding: 0 0 0 0;
       height:201px;
       background :url("images/fondomar.jpg") repeat-x bottom;
       top:1655px;
       position: absolute;
        clear: both;
        width: 100%;
}

#footable{
    padding-bottom: 0;
    padding-left: 15%;
    padding-right: 10%;
    padding-top: 20px;
    position: relative;
    width: 70%;

}

/*#footer {
    width: 100%;
    clear: both;
    top:1650px;
    height:201px;
    background :url("images/fondomar.jpg") repeat-x bottom;
    position:absolute;
}*/

div.novedades{
        top: 175px;
	width: 95%;
	position:relative;
	float:left;

}

div.marcas{
        top: 220px;
	width: 120%;
	position:relative;
	float:left;
}


div.varios {
	top: 200px;
	width: 120%;
	position:relative;
	float:left;
        /*left: 7%;*/
}

div.presentation{
	top: 35px;
	width: 95%;
	position:relative;
	/*left: 7%;*/
}

div.ofertas {
	top:1px;
	width:55%;
	position:relative;
	left:1px;
	float:right;
}
div.categorias {
	top:1px;
	width:40%;
	position:relative;
	float:left;
	left:5px;

}

div.aununcios {
	top:80px;
	width:40%;
	float:right;
	position:relative;
	right:2px;
}

div.vids{
	top:40px;
	width:95%;
	float:right;
	position:relative;

}

div.fbk{
    float: right;
    top: 60px;
    position: relative;
    padding-right: 20px;
}




.bd1, .bd2, .bd3, .bd4{font-size:1px; overflow:hidden; display:block;}
.bd1 {height:1px; background:#888; margin:0 5px;}.bd2 {height:1px; background:#eff0ee; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}.bd3 {height:1px; background:#eff0ee; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}.bd4 {height:2px; background:#eff0ee; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}

div.atitle {
	font-family: "Cantarell", arial, serif;
	border-right:1px solid #888;
	border-left:1px solid #888;
	font-weight: bold;
	font-size: 15px;
	background:#eff0ee;
	padding-left:5px;
	padding-right:5px;
	color: #004080;

}

div.acontent {
	background:#eff0ee;
	padding:5px 5px 5px 5px;
	font-family: 'Cantarell';
	color: black;
	font-size:12px;
}

.bdt1, .bdt2, .bdt3, .bdt4, .bdb1{font-size:1px; overflow:hidden; display:block;}.bdt1 {height:1px; background:#b1badf; margin:0 5px;}.bdt2 {height:1px; background:#d1e1fb; border-right:2px solid #b1badf; border-left:2px solid #b1badf; margin:0 3px;}.bdt3 {height:1px; background:#d1e1fb; border-right:1px solid #b1badf; border-left:1px solid #b1badf; margin:0 2px;}.bdt4 {height:2px; background:#d1e1fb; border-right:1px solid #b1badf; border-left:1px solid #b1badf; margin:0 1px;}
.bdb1 {height:1px; background:#b1badf;}

div.bdttitle {
	background-image:url("images/titlebg.gif");
	background-repeat: repeat-x;
	border-right:1px solid #b1badf;
	border-left:1px solid #b1badf;
	padding:0 5px 5px 5px;
	font-family: 'Cantarell', arial, serif;
	font-weight:bold;
	font-size:15px;
	color: #004080;
}
div.bdbcontent {
	background:#eff0ee;
	border-right:1px solid #b1badf;
	border-left:1px solid #b1badf;
	padding:5px 5px 5px 5px;
	font-size:12px;
}

span.tels{
    color: #252e49;
    font-size: 12px;
    font-style: normal;
}

span.linkf{
    color: #001d49;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}

span.linkf:hover{
    text-decoration: underline;
}