/* Ccomunes */
*{ margin:0px; padding:0px; list-style:none;}
body{ margin:0px; padding:0px; font:11px "Trebuchet MS",helvetica, arial, san-serif; color:#333333; background: url('../img/bg.gif') repeat-x #eaebf2;}
h1{font:bold 18px "Trebuchet MS",helvetica, arial, san-serif; color:#666; margin:5px 0; border-bottom:1px dotted #666;}
p{margin-top:10px;}
a{ color:#f4923b; text-decoration:none;}
a:hover{ color:#f4923b; text-decoration:underline;}

/*Eurowin*/
#eurowintop{width:830px;margin:0px auto;}
#eurowinlogo{ float:right; text-align:right; width:500px;}
#eurowinlinks{ float:left;width:250px;}
#eurowinlinks ul{ display:block; width:250px;}
#eurowinlinks li{ margin:0px; padding:0px; list-style-type:none; float:left; display:block; width:80px; height:36px; padding-right:5px;}
#eurowinlinks .home{ background: url('../img/botonhome.gif') no-repeat; text-indent:-9999px; display:block; height:36px;}
#eurowinlinks .home:hover{background-position: 0 -36px;}
#eurowinlinks .contactar{ background: url('../img/botoncontactar.gif') no-repeat; text-indent:-9999px; display:block; height:36px;}
#eurowinlinks .contactar:hover{background-position: 0 -36px;}


/*Contenedor*/

#contenedor{ width:830px;margin:0px auto; margin-top:21px;  background: url('../img/bgcontenedor.gif') repeat-x top #fff;}

/*Home*/
#top{padding:18px 25px 0;}
#logo{ float:left; width: 400px;}
#idioma{float:right; text-align:right; width:200px; padding-top:35px;}
#idioma a img{border:1px solid #fff;}
#idioma a img:hover{border:1px solid #337C9A;}
#flash{ margin:0px auto; width:780px;}
#links{margin:1px auto; width:780px; background-color:#333333; height:40px; background: url('../img/bglinks.gif') repeat-x;}
#links ul{margin:0px; padding:0px; list-style: none;}
#links ul li{display:inline; height:40px;}
#links ul li a{color:#FFFFFF; text-decoration:none; border-right:1px dotted #666; padding:0 17px; float:left; line-height:36px; font-weight:bold;}
#links ul li a:hover{ color:#f4b03b; border-bottom:4px solid #f4b03b;}
#info{margin:0px auto; width:760px; background: url('../img/bginfo.gif') repeat-x bottom #f2f1f1;padding:10px;}
#infoleft{float:left; width:520px;}
#infoleft img{border:0px;}
#infoleft table{ margin:10px auto; width:90%;font:11px "Trebuchet MS",helvetica, arial, san-serif;}
#infoleft th{border-bottom:1px dotted #999; text-align:left;}
#infoleft td{text-align:center; padding:5px;}
#inforight{float:right; width:220px;}
#inforight ul{}
#inforight li{padding:5px 0; border-bottom:1px solid #ccc;}
#inforight img{border:0px; margin-bottom:5px;}
.specialul li{margin-left:15px; list-style-type:disc;}

/*Ejemplos*/
.scroller {position: relative;	height:170px; margin-top:30px;}
a.prev {position: absolute;top:5px;left:0px;display:block;width:25px;height:155px;text-indent:-9999px;background:url(../img/atras.png) 0 0 no-repeat;
z-index: 30;outline: none;}
a.next {position: absolute;top:5px;left:735px;display:block;width:25px;height:155px;text-indent:-9999px;background:url(../img/adelante.png) 0 0 no-repeat;
z-index: 30;outline: none;}
a.prev:hover {background: url(../img/atras_on.png) top right no-repeat;}
a.next:hover {background: url(../img/adelante_on.png) top right no-repeat;}
.scroller-container {position: relative;z-index:1;width:670px;top:5px;left:50px;height:170px;overflow:hidden;}
.scroller-container ul {width: 29821020px;margin: 0;list-style: none; margin:0px;}
.scroller-container ul li {float: left;margin-left: 0px;width: 168px;text-align: center;padding: 0px;background: none;}
.scroller-container ul li a{color: #333;text-decoration: none; font-weight:bold;}
.scroller-container ul li a:hover{background: transparent;text-decoration: underline;}
.scroller-container ul li img{width: 148px;display: block; height:100px; border:0px;}
.scroller-container ul li a img{border: 1px solid #252525; border-bottom:1px solid #efefef;}
.scroller-container ul li a:hover img{border: 1px solid #efefef;text-decoration: none;}
.scroller-container div {margin-bottom: -60px;}

/*Pie*/
#contenedorpie{ width:780px; margin:0px auto; padding:25px; background: url('../img/bgpie.gif') no-repeat top center #fff; margin-bottom:30px;}
#contenedorpieleft{ width:550px; float:left;}
#contenedorpieright{ width:150px; float:right; text-align:right;}

.clear{ clear:both; height:1px; font-size:1px;}
