/* CSS Document */
body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background:#eeeeee url(../img/head_top.gif) repeat-x center top;
	margin:0; 
	padding:0;
}
#body_footer{
	clear:both;
	height:90px;
	background:#eeeeee url(../img/head_donde.jpg) repeat-x center bottom;
}
#box_footer{
	width:800px;
	margin:0 auto;
}
#box_container{
	width:800px;
/*	height:500px;*/
	margin:0 auto;
}
#box_left {
	width:250px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	/*background-color:#333333;*/
	float:left;
}
#box_right { 
	/*margin-left:200px;*/
	width:550px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	/*height:500px;*/ /* for IE5.x and IE6 */
	/*background-color:#ccc;*/
	margin-top:0px;
	float:right;
}
#box_right_content{
width:90%;
/*height:80%;*/
border-bottom: 1px solid #ddd;
margin:45px 5px 5px 15px;
}

* html #box_right_content{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
margin: 2px 0px 0px 0px;/*IE6 width CMS*/
}
/******************************************************************/
h1{
font-family: Helvetica, Verdana, Arial, sans-serif;
background:#ccc url(../img/fons_peu.gif) repeat-x bottom;
color:#e20816;
}
h2{
font-family:"Trebuchet MS", Arial, Tahoma;
color:#e20816;
background:#EEEEEE url(../img/head_h2.png) repeat-x bottom;
}
h3{
font-family:"Trebuchet MS", Arial, Tahoma;
color:#e20816;
background:#ffffff url(../img/fons_topbar_mini.png) repeat-x top;
}
p{
margin-top: -2px;
}
/******************************************************************/
/**** texto ****/
.tx_14{
margin:5px 30px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#ff9aa1;
font-size:14px;
}
.tx_footer{
margin:5px 30px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
/*color:#ff9aa1;*/
color:#f76c76;
font-size:12px;
}
.tx_footer a{
text-decoration:none;
color:#ff9aa1;
}
.tx_footer a:hover{
text-transform:uppercase;
color:#f23440;
}
.tx_footer_big{
margin:5px 30px 5px 0px;
font-family:"Trebuchet MS", Arial, Tahoma;
color:#E20816;
font-size:16px;
}
.tx_footer_big a{
text-decoration:none;
color:#ff9aa1;
}
.tx_footer_big a:hover{
color:#f23440;
}
.tx_amc{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-indent:0px;
font-size:12px;
text-align:justify;
line-height: 1.8;
}
.tx_amc a:link{
font-size:14px;
text-align: center;
color:#666666;
text-decoration:none;
}
.tx_amc a:hover{
border-bottom:1px dashed red;
color:#000000;
}
.mini_color_logo{
margin-left:20px;
/*color:#333333;*/
padding-top: -30px;
}
.mini_red_logo{
background: url(../img/mini_red_logo.gif) no-repeat left center;
padding-left: 20px;
text-decoration:none;
/*color:#E20816;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
text-indent:0px;
font-size:12px;
line-height: 1.7;
}
.mini_punto{
padding-left: 0px;

/*color:#E20816;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
/*text-indent:0px;*/
font-size:12px;
line-height: 1.7;
}

.flech a:link{
background: url(../img/mini_red_logo.gif) no-repeat left center;
padding-left: 20px;
text-decoration:none;
color:#6f6f6f;
}
.flech a:visited{
background: url(../img/mini_orange_logo.gif) no-repeat left center;
padding-left: 20px;
text-decoration:none;
color:#6f6f6f;
font-size:15px;
}
.flech a:hover{
background:url(../img/mini_blue_logo.gif) no-repeat left center;
padding-left: 30px;
margin-left:5px;
text-decoration:none;
color:#4675bc;
}
/** **/
.flech :hover{
background:url(../img/mini_blue_logo.gif) no-repeat left center;
padding-left: 30px;
margin-left:5px;
text-decoration:none;
color:#4675bc;
}
/******************************************************************/
ol ul{
margin-left:-30px;
}
/******************************************************************/
.tx_model_A{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-indent:20px;
font-size:10px;
text-align:justify;
}
.donde{
padding-left: 20px;
text-decoration:none;
line-height:5px;
margin-bottom:15px;
margin-top:0px;
}
/*html>body .donde{/*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
/*padding-right: 2pt;
padding-left: 20px;
margin-top:60px;
}*/
* html .donde{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
/*margin-top:60px;*/
}

.donde a:link{
background: url(../img/mini_red_logo.gif) no-repeat left center;
color:#e20816;
padding-left: 20px;
text-decoration:none;
}
.donde a:visited{
background: url(../img/mini_red_logo.gif) no-repeat left center;
color:#e20816;
padding-left: 20px;
text-decoration:none;
}
.donde a:hover{
background:url(../img/mini_blue_logo.gif) no-repeat left center;
color:#4675bc;
padding-left: 20px;
text-decoration:none;
line-height:5px;
margin-bottom:15px;
}
.mapa{
}
.mapa a:link{
}
.mapa a:hover{
border-bottom:#666666 2px dotted;
}
#contact{
background:#EEEEEE  url(../img/contac_img.png) no-repeat center;
width:500px;
height:480px;
font-family:"Trebuchet MS", Arial, Tahoma;
color:#E20816;
}
/***************** formulario *******************/
input {
		border: 1px solid #E20816;
		color: #2F4165;
}
textarea{
	border: 1px solid #ccc;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;	
	font-size: 13pt;
	color: #2F4165;
}
.submit {
	background-color: #E20816;
	border-top: 1px solid #FD1900;
	border-left: 1px solid #FD1900;	
	border-right: 1px solid #FD1900;
	border-bottom: 1px solid #FD1900;
	margin-top:10px;
	margin-bottom:10px;
	color: #fcfcfc;
}
caption{
font-size:18px;
color:#F35613;
/*border-bottom:1px #F35613 solid;*/
padding-bottom:20px;
}
table{
/*border:1px solid #7DB901;*/
}
.izq{
text-align:left;
padding-left:5px;
color:#F35613;
margin:5px 5px 5px 5px;
}
.der{
text-align:right;
padding-right:5px;
color:#e20816;
margin:5px 5px 5px 5px;
}

/**************table***************/
table {
padding-left:10px;
border:1 px solid #ddd;
empty-cells:show;
font-size:99%;
margin: 0 0 20px 0;
padding:4px;
text-align:left;
width:450px;
}
table thead th{
border:0;
border-bottom: 1p solid #ddd;
color:#777;
font-size:90%;
padding:3px 0;
margin:0 0 0 5px 0;
text-align:left;
}
table tbody td{
color:#888;
padding:2px;
border:0;
}

/*****************************************************************************************************/
/** imagen logotipo **/
.img_logo{
border:none;
float:left;
margin: -2px 0 12px  0;
}
.img_logo_pagination{
border:none;
float:left;
/*margin-top:8px;*/
}
/*** alimiar imagenes ***/
.img_derecha{
float:right;
border: 1px solid #333333;
padding:3px;
margin:5px;
}
.img_derecha:hover{
background:#E20816;
border: 1px solid #FFF;
}
.img_centrales{
border: 1px solid #333333;
padding:3px;
margin:5px;
}
.img_centrales:hover{
background:#E20816;
border: 1px solid #FFF;
}
/*** parquet marcas ***/
/*URL: http://www.dynamicdrive.com/style/ */
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity img{
border: 1px solid #ccc;
padding:2px;
}
/** galeria de imagenes **/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

/*****************************************************************************************************/
/***                                                      menu                                     ***/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#pointermenu2{
margin: 0;
padding: 0;
}
#pointermenu2 ul{
margin: 0;
margin-right: 35px; /*menu offset from left edge of window*/
float: right;
padding-left: 27px;
background:  url(../img/men_izq.gif) bottom left no-repeat; /*optional left round corner*/
}
* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 2em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}
#pointermenu2 ul li{
display: inline;
}
#pointermenu2 ul li a{
background:url(../img/men_cen.gif) bottom repeat-x;
float: left;
color: white;
font-weight: bold;
padding: 10px 19px 27px 10px;
text-decoration: none;
}
#pointermenu2 ul li a:visited{
color: white;
}
#pointermenu2 ul li a:hover{ /*hover and selected link*/
text-decoration:overline;
color: #dddddd;
background: transparent url(../img/pointer.gif) bottom center no-repeat;
}
#pointermenu2 ul li a#selected{
color: #000;
background:  url(../img/pointer.gif) bottom center no-repeat;
}
html>body #pointermenu2 ul li a#rightcorner{/*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
/*padding-right: 2pt;*/
padding-left: 20px;
margin-top:0px;
background: url(../img/men_der.gif) bottom right no-repeat; /*optional right round corner*/
}
#pointermenu2 ul li a#rightcorner{
background: url(../img/men_der.gif) bottom right no-repeat; /*optional right round corner*/
padding-left: 20px;
padding-top:10px;
}



/*****************************************************************************************************/
/*********************************       submenu      ************************************************/
#navcontainer{
/*float:right;*/
float: left;
/*padding:0px 0px 0px 0px;*/ /*padding:50px 0px 0px 0px;*/
font-family: Arial,Sans-Serif;
/*margin: 0 auto;*/
/*margin-top:5px;*/
/*margin-bottom:8px;*/
width: 550px;
height:40px;
border-bottom: 1px solid #ddd;
}
html>body #navcontainer{
/*padding:20px 0 0 0;*/
}

* html #navcontainer{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
height:20px;/*IE6 width CMS*/
}
#navlist{
/*width: 540px;*/
text-align: center;
margin:12px 0 5px 0;
/*margin: 0 auto;
padding: 0;
text-indent: 0;*/
list-style-type: none;
}
* html #navlist{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
margin:7px 0 5px 0;/*IE6 width CMS*/
}
ul #navlist{
margin-left:-20px;
padding: 6px;
}
#navlist li{
font-family:"Trebuchet MS", Arial, Tahoma;
font-weight:bold;
display: inline;
}
#navlist li a{
/*text-transform:uppercase;*/
/*letter-spacing: -0.5px;*/
text-decoration: none;
color:#E20816;
font-size: 12px;

border-top: .4em solid #E20816;
}
#navlist a#current{
color: #FF0200;
border-top: .4em solid #FF0200;
}
#navlist li a:hover{
color: #333333;
border-top: .4em solid #000;
}
/****************************************************************************************************/
/*********************************       banner      ************************************************/
.contentslide{
/*border: 10px solid navy;*/
/*border-bottom-width: 6px;*/
padding-bottom:8px;
padding-left:6px; /*** para centrar las dos imagenes de logo. ***/
/*padding: 0px;*/
width: 232px;
height: 235px;
background: url(../img/logo_amc_vacio.png) center no-repeat;
}
.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.contentslide .contentdiv{
display: none;
}
.pagination{
width: 248px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
/*background-color: navy;*/
/*background:url(bg_verdemo_pdf.gif) repeat-x top;*/
/*border: 10px solid navy;*/
/*border-width: 0 10px; */ /*Left/ right border width of pagination DIV.*/
padding: 227px 0 4px 0;
}
* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 232px; /*IE5 width*/
w\idth: 248px; /*IE6 width*/
padding: 0px 0px 0px 0px;/*IE6 width CMS*/
margin: -22px 0px 0px 0px;/*IE6 width CMS*/
}
.pagination a{
padding: 0 7px;
text-decoration: none; 
/*color: #519df8;*/
/*background-color: white;*/
font-family:"Trebuchet MS", Arial, Tahoma;
color:#EEEEEE;
background-color:#EEEEEE;
}
.pagination a:hover, .pagination a.selected{
/*color: #FFF;
background-color: #e20816;*/
color:#EEEEEE;
background-color:#EEEEEE;
}