/* autor: Celeste Caffaro | www.extraceleste.com.ar */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);

HTML {height:100%;}

body{ 
font: normal 12px "Tahoma"; 
color:#1e1e1e; 
background:#5c5c5c url('../images/background.jpg') 0 0px no-repeat; 
background-position:center top;
margin:0;
text-align:center;
height:100%}

#foot, #nav, #head  { 
margin:0 auto;
width:755px;
}

#contenedor{margin:auto; padding:0; width:775px; text-align:center; background-color:#fff; } 
#caja-gral{margin:auto; width:755px; margin:0 10px 10px 10px; overflow:hidden; } 

#head {float:none; height:99px; overflow:hidden;}

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

#caja-01 {float:left; margin:0; padding:0; width:585px; overflow:hidden; text-align:left}
#caja-02 {float:right; margin:0; padding:0; width:170px; overflow:hidden;}

.addthis {width:170px; background-color:#767676; border:1px solid #cccccc; padding:10px 0 10px 0;}

.welcome {width:575px; height:238px; background:url('../images/bck-welcome.jpg') no-repeat; margin:0 0 20px 0; overflow:hidden;}
.welcome img {float:left; margin:0 20px 10px 10px;}
.welcome .title {font:bold 20px 'Droid Sans'; color:#fe070e; text-align:left; background:url('../images/back-title.jpg') no-repeat; padding:8px 0 10px 28px; margin:10px;}
.welcome p {padding:0 10px;}

h1 { font:bold 24px "Droid Sans";color: #fe1e24}
h2 { font:bold 14px "Droid Sans"; color:#fe1e24 }
h3 { font:bold 14px 'Tahoma'; color:#ff0000; margin:0; }
h4 { font:bold 14px "Tahoma"; color: #fe1e24}
h5 { font:bold 14px "Tahoma"; color: #fe1e24}
h6 { font:bold 14px "Tahoma"; color: #fe1e24}

h1 span{ font:bold 18px "Droid Sans"; color:#484848}
.divide{ font:bold 18px "Droid Sans"; color:#ccc}




/******* HOME ********/

/* Buscador */

.buscador {width:755px; height:297px; float:none; margin:0 0 20px 0; padding:0; }
.buscador img a {margin:0; padding:0; border:none;}

.sellos {width:143px; height:99px; float:right; margin:0; padding:0; overflow:hidden }



/* Cloud tags */
.cloud-tags {float:left; width:265px; height:301px; background:#fff; margin:10px 12px 0 10px; text-align:center; overflow:hidden}
.cloud-tags .tags {float:none; margin:15px; height:270px; text-align:left; overflow:hidden }
.cloud-tags .tags h3 {font:bold 16px 'Droid Sans'; color:#ff0000; padding:0 0 10px 0;}
.cloud-tags .tags a {font:normal 11px/24px arial, tahoma; padding:8px; color:#161241; line-height:18px }
.cloud-tags .tags a:hover {font:normal 11px/24px arial, tahoma; padding:8px; color:#403b7c;  line-height:18px}
.cloud-tags .tags a:visited {font:normal 11px/24px arial, tahoma; padding:8px; color:#161241; line-height:18px }


.box-blue {float:none; width:575px; height:150px; margin:10px 0 10px 0;  }
/* .box-blue {float:none; width:575px; height:326px; background:#dbe6f0; margin:10px 0 10px 0;  } */
.box-calendario {float:none; width:575px; height:326px; background:url('../images/bck-calendario-02.jpg') no-repeat; margin:10px 0 10px 0;  }


.calendario {float:left; width:265px; height:301px; margin:10px 10px 0 13px; }
.calendario .content {float:none; margin:auto; width:245px; height:120px; position:relative; top:175px; left:10px;}



/* Navegacion Principal */

#nav { height:32px; background:#fff url('../images/bck-nav.jpg') 0 0px no-repeat; text-align:center; margin:0 0 10px 0; padding:0; overflow:hidden;}

ul {list-style:none; margin:0; }
ul li {font:bold 13px 'Droid Sans'; color:#fdfdfd; float:left; padding:8px 9px 8px 9px;  cursor: pointer; }
ul li a {font:bold 13px 'Droid Sans'; color:#fdfdfd; text-decoration:none; padding:8px 9px 8px 9px;  }
ul li a:hover {font:bold 13px 'Droid Sans'; color:#ffde5a; text-decoration:none; padding:8px 9px 8px 9px;}


/* footer */

#foot { height:150px; background:url("../images/bck-footer.jpg") 0 0 no-repeat; font:normal 11px "Tahoma"; color:#e8e8e8; overflow:hidden; margin-top:20px;}
.box-links { padding:20px 0 20px 0; text-align:center;}
.direccion {float:left; color:#575757; text-align:left; padding:50px 0 0 30px;}
.desarrollo {float:right; text-align:right; padding:50px 30px 0 0 ;}
.firma { font:normal 11px "Tahoma"; color:#878686;}
.firma:hover { font:normal 11px "Tahoma"; color:#4dadff; }
.firma2 { font:normal 11px "Tahoma"; color:#d3d3d3;}
.firma2:hover { font:normal 11px "Tahoma"; color:#ff4e00; }


/* LINKS */

a {color:#ff0000;text-decoration:none !important;}
a:hover{color:#000; text-decoration:none !important;}

.rojo {font:normal 11px "Tahoma"; color:#ff2e2e; text-decoration:none; padding: 0 6px 0 6px;}
.rojo a {font:normal 11px "Tahoma"; color:#ff2e2e; text-decoration:none; padding: 0 6px 0 6px;}
.rojo:hover{font:normal 11px "Tahoma"; color:#878686; text-decoration:none;  padding: 0 6px 0 6px;}

.rojo2 {font:normal 11px "Tahoma"; color:#ff2e2e;text-decoration:none}
.rojo2 a {font:normal 11px "Tahoma"; color:#ff2e2e;text-decoration:none}
.rojo2:hover{font:normal 11px "Tahoma"; color:#878686; text-decoration:none}

/* bordes */

.gris1 {border-top:1px solid #d9dade; border-bottom:1px solid #d9dade;}



/* Titulos y Textos */

p {font:normal 12px "Tahoma"; color: #1e1e1e;}
.terms {font:normal 12px "Tahoma"; line-height: 18px; text-align:justify; color: #1e1e1e;}



/******* SERVICE ********/

#caja-01 .envelope {width:545px; margin:15px 0 0 15px;}
#caja-01 .fotos {float:left; width:100%; margin:15px 0 5px 0;}
#caja-01 .fotos img {margin:0 0 20px 0;}


/* Formularios */

.box-form { float:none; width:545px;  margin:0 0 20px 0; background-color:#f3f3f3; border-top:1px solid #d9dade; border-bottom:1px solid #d9dade; padding:20px 0 15px 0 }
.box-form .content{ float:none; width:300px; text-align:left; margin:auto }
.box-form .content label{ font:bold 11px "Tahoma"; color:#41464f}

.box-form-100 { float:none; width:100%;  margin:0 0 20px 0; background-color:#f3f3f3; border-top:1px solid #d9dade; border-bottom:1px solid #d9dade; padding:20px 0 15px 0 }
.box-form-100 .content{ float:none; width:300px; text-align:left; margin:auto }
.box-form-100 .content label{ font:bold 11px "Tahoma"; color:#41464f; float:left}



.col-form1{ float:left; width: 180px; text-align: right; font:bold 11px "Tahoma"; line-height: 35px; }
.col-form2{ float:right; width: 330px; font:normal 11px "Tahoma" }

.field-a {width:160px; height:18px; margin:0 0 10px 0; font:normal 12px "Tahoma"; background-color:#f9f9f9; border:1px solid #b1b8bb }
.field {width:300px; height:18px; margin:3px 0 10px 0; font:normal 12px "Tahoma"; background-color:#f9f9f9; border:1px solid #b1b8bb }
.text {width:300px; height:120px; margin:3px 0 10px 0; font:normal 12px "Tahoma"; background-color:#f9f9f9; border:1px solid #b1b8bb}
.BT { width:130px; font:bold 12px "Tahoma"; color:#fff; background-color:#ff0b0b; margin:10px 0 10px 0; border:1px solid #d30000; padding:3px 0 3px 0; }
.BT-02 { width:130px; font:bold 12px "Tahoma"; color:#fff;  background-color:#ff0b0b; margin:0; padding:3px 0 3px 0; border:1px solid #d30000;}
.BT-restaurar { width:130px; font:bold 12px "Tahoma"; color:#fff; background-color:#4a4f58; margin:10px 0 10px 0; border:1px solid #41464f; padding:3px 0 3px 0;}
.bt-white { width:130px; font:bold 12px "Tahoma"; color:#999; background-color:#fff; margin:10px 0 10px 0; border:1px solid #cecece; padding:3px 0 3px 0;}


.aviso {float:left; width:545px; border:1px dashed #ff9d03; font-weight:bold; text-align:center; background-color:#ffbb03; padding:5px 0 5px 0; margin-bottom:10px }


/* Venta 0 horas */

#item-ventas {margin:auto; float: left; width:545px; text-align:left; margin-bottom: 15px;}
.box-right {float:right; width:270px; border-top: 2px solid #e7e7e7; padding: 10px 0 10px 0; }
.image {border: 2px solid #e7e7e7}
.titulo {font:bold 32px "Tahoma"; line-height: 32px; color: #b4b4b4}



/* MARGIN PADDING */

.MgB5 {margin-BOTTOM: 7px}
.MgB10 {margin-bottom: 10px}
.MgB17 {margin-bottom: 17px}
.MgB20 {margin-bottom: 20px}
.MgB100 {margin-bottom: 100px}

.MgR10 {margin-right: 10px}
.MgR15 {margin-right: 15px}
.MgR20 {margin-right: 20px}
.MgR45 {margin-right: 45px}
.MgR50 {margin-right: 50px}
.MgR200 {margin-right: 100px}

.MgT175 {margin-TOP: 175px;}
.MgT60 {margin-TOP: 60px;}
.MgT30 {margin-TOP: 35px}
.MgT20 {margin-TOP: 20px}
.MgT10 {margin-TOP: 10px}
.MgT5 {margin-TOP: 5px}

.MgL10 {margin-LEFT: 10px}
.MgL20 {margin-LEFT: 20px}
.MgL30 {margin-LEFT: 30px}
.MgL40 {margin-LEFT: 40px}

.MgL70 {margin-LEFT: 80px}

.MgR10 {margin-right: 10px}
.MgR5 {margin-right: 5px}

.icons {margin-right: 8px; vertical-align:middle}

.PdT20 {padding-TOP: 20px}

.Pd5-5 {padding-left: 5px; padding-right: 5px;}
.PdT5-5 {padding-TOP: 5px; padding-BOTTOM: 5px;}

.Pd20 {padding: 20px 20px 20px 20px}
.Pddetalle {padding: 5px 15px 0 0}
.PdL10 {padding-left: 20px}
.PdR10 {padding-right: 20px}


/******* NOVEDADES ********/

.novedades {width:575px; height:238px; background:url('../images/bck-welcome.jpg') no-repeat; margin:20px 0 20px 0; overflow:hidden;}
.novedades .title {font:bold 20px 'Droid Sans'; color:#fe070e; text-align:left; background:url('../images/back-title.jpg') no-repeat; padding:8px 0 0 28px; margin:10px;}
.novedades .nota {margin:0 38px 10px 38px; padding:0 0 5px 0; border-bottom:1px dashed #ccc}
.novedades .nota p {margin:0;}
.novedades .nota a {font:bold 16px Arial; color:#211c5e; text-decoration:none;}
.novedades .nota a:hover {font:bold 16px Arial; color:#fe070e; text-decoration:none;}

.novedades .nota-last {margin:0 38px 15px 38px; padding:0 0 5px 0 }
.novedades .nota-last p {margin:0;}
.novedades .nota-last  a {font:bold 16px Arial; color:#211c5e; text-decoration:none;}
.novedades .nota-last  a:hover {font:bold 16px Arial; color:#fe070e; text-decoration:none;}


#envelope-nota {margin:20px 25px 0 15px; }
#envelope-nota p {line-height:17px; text-align:justify; }
#envelope-nota .picture {margin:auto; float:none; border:1px solid #ccc }


.titulo-news {width:500px; font:normal 28px 'Droid Sans'; color:#fe070e; text-align:left; margin:0 0 10px; }
.data {width:545px; height:24px; font:normal 10px Arial; color:#595959; text-align:left; padding:3px 0 0 15px; margin:0 0 20px; background:url('../notas/back-data.gif') no-repeat;}
.bajada {font:bold 12px Tahoma; color:#000; text-align:left; line-height:16px;  margin:0 0 20px; padding:0 0 0 10px;  border-left:3px solid #ccc;}
.sub-titulo-news {font:bold 18px 'Droid Sans'; color:#474554; text-align:left; margin:20px 0 10px 0 }

#box-news {background:url('../notas/back-news.jpg') no-repeat; height:400px; overflow:hidden; text-align:left; padding:110px 10px 0 15px;}