/* Global properties ======================================================== */
html, body {width:100%; margin:0;}
body {font:18px/25px roman,Arial,Arial;color:#6E6E6E;min-width:1264px; line-height: 1.6}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
/*.main {width:100%; background:linear-gradient(30deg, white,silver, white, silver, gray); margin: 0 auto;} */
.main {width:100%; background:#FFF; margin: 0 auto;}
a:hover {text-decoration:none;}
a.button {background:#2098f5; font-size:20px; line-height:24px; color:#fff; display:inline-block; padding:5px 23px 5px 23px; }







.circular_shadow { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; background: url(http://www.tublog.com/tuimagen.jpg) no-repeat; box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); }


img.circular_shadow{width:20em;}














/***********************************************************************/
a {text-decoration:none; cursor:pointer;}
a.button:hover {background:#131313; }
a.link {text-decoration:none; cursor:pointer; color:#2098f5; }
a.link:hover {text-decoration:underline;}
.color-1 { color:#fff;}
a.color-1:hover {text-decoration:underline;}
.font-3 {font-size:17px; line-height:33px; color:#292929;}
h2 { font-size:36px; line-height:45px; color:#141B9D; font-weight:normal; letter-spacing:-1px;}
h3 { font-size:15px; line-height:30px; color:#646069; font-weight:normal; }
ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 0px 100px;margin-right:40px; line-height:25px; background:url(../images/marker.gif)0 5px no-repeat;}
.imagen{ left:-50px;}
ul.list-1 li a { font-size:14px; color:#0C0A5E; line-height:500px;}
ul.list-1 li a:hover {color:#2098f5;}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:3px 30px 17px 0;}	
.last {margin-right:0px !important;}
.img-radius {border-radius:4px;}

.top-1 {margin-top:37px;}
.top-2 {margin-top:29px;}
.top-2 {text-align : justify;}
.top-3 {margin-top:19px;}
.top-3 {text-align : justify;}
.top-4 {margin-top:31px;}
.top-5 {margin-top:12px;}

.left-1 {padding-left:30px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}
.bot-1 {margin-bottom:39px;}
.bot-2 {margin-bottom:29px;}

.pad-1 {margin:13px 0px 12px 0px;}

.p1 {padding-bottom:25px;}
.p2 {padding-bottom:15px;}
.p3 {padding-bottom:12px;}
.p4 {padding-bottom:20px;}
.p5 {padding-bottom:23px;}
.p6 {padding-bottom:8px;}












/*********************************pestaña lateral*************************************/

ul.iconmenu{
font-size: 1em;
list-style: none;
position: fixed;
left: 0;
top: 110px; /* offset from top of page to display icon menu */
margin: 0;
padding: 0;
width: 2em;
background: #eee;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 3px 1px 3px rgba(0,0,0,0.4);
}

ul.iconmenu li{
text-align: center;
cursor: pointer;
}

ul.iconmenu li a{
display: block;
text-decoration: none;
color: black;
padding: 12px 5px;
border-bottom: 1px solid white;
}

ul.iconmenu li a:last-of-type{
border-bottom-width: 0;
padding-bottom: 7px;
margin-bottom: 3px;
}

ul.iconmenu li a:hover, ul.iconmenu li a.selected{ /* style for selected icon */
background: #D2FFFF;
}

/* ################# Shared icon submenu DIV CSS ############## */


div.iconsubmenu{
width:300px; /*default width of each icon sub menu*/
position:absolute;
visibility:hidden;
padding:0;
background: #F4F4F4;
-webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
-moz-box-shadow: 5px 5px 5px #c8c8c8;
box-shadow: 5px 5px 5px #c8c8c8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

div.iconsubmenu a{
text-decoration:none;
position: relative;
}

div.iconsubmenu .arrow{ /* default look for arrow of sub menu */
content: '';
display: block;
position:absolute;
border: 0.4em solid transparent;
border-right-color: #cd0000;
top: 10px;
z-index:1000;
}

/* ################# Mixed Content specific CSS ############## */

div.mixedcontent{
border: 10px solid red;
padding: 10px;
border-radius: 10px;
}


div.mixedcontent a[rel]{ /* links inside mixedcontent that contains a drop down */
border-bottom: 2px dotted red;
}

div.mixedcontent .column{ /*each link column within a mixed content menu*/
float:left;
width:50%;
padding:5px; /*add padding inside p and .column elements within mixed content menu*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


div.mixedcontent .column ul{
margin:0;
margin-left:5px;
padding:0;
list-style:none;
}

div.mixedcontent .column ul li{
margin-bottom:3px;
}


/* ################# Vertical List Menu Specific CSS ############## */

div.dropdownmenu{
width:200px;
border: 10px solid red;
}

div.dropdownmenu ul{ /*style any UL within vertical menu with class="ulmenu"*/
margin:0;
padding:0;
border:1px solid gray;
border-bottom-width:0;
list-style:none;
}

div.dropdownmenu ul a{
display:block;
border-bottom:1px solid gray;
padding:5px;
}

div.dropdownmenu ul a:hover, div.dropdownmenu ul a.selected{ /* style for selected menu item */
background:lightyellow;
}

div.dropdownmenu a[rel]:after{ /* style anchor links inside dropdownmenu that contain a drop down */
content: '>';
font-size: 16px;
height: 100%;
position: absolute;
top: 2px;
right: 5px;
}

/* ################# Tooltip Specific CSS ############## */

div.icontooltip{
background: black;
color: white;
width:auto;
padding: 5px;
border-radius: 5px;
padding: 5px 8px;
}

div.icontooltip .arrow{
border-right-color: black;
}

/*********************************pestaña lateral*************************************/




















/*********************************header*************************************/
header {width:100%; z-index:101; }
header>div {width:1264px; margin:0 auto; position:relative; }

h1 {position:absolute; left:50px; top:50px; display:inline-block; z-index:100;}

.social-icons {overflow:visible; text-align:right; padding:17px 162px 13px 0 }
.social-icons span {display:inline-block; font-size:24px; line-height:28px; color:#223999; margin:-1px 20px 0 0; letter-spacing:-1px;}
.social-icons a {display:inline-block; width:23px; height:23px; float:right;}
.icon-1 {background:url(../images/icon-1.png) 0 0 no-repeat;}
.icon-2 {background:url(../images/icon-2.png) 0 0 no-repeat; margin-left:7px;}
.icon-3 {background:url(../images/icon-3.png) 0 0 no-repeat; margin-left:7px;}
.social-icons a:hover {background-color:#1e93f4;}

nav {position:absolute; left:25px; bottom:0; z-index:100; background:url(../images/nav-bg.png) 0 0 repeat;}
ul.menu {margin:0 29px 0 30px;}
ul.menu li {float:left; line-height:35px; margin:0px 0 0px 0px; background:transparent;}
ul.menu li a {font-size:15px; line-height:35px; width: 180px;color:#fff; display:block; padding: 3px 11px 3px 4.25px;  margin:0px 0 0px 0px;}
ul.menu li:hover , ul.menu li.current{background-color:#2098f5;}

	

	
.menu li.padre {position: relative;}
	
.menu ul{
	left: 0;
	opacity: 100;
	width = 180px;
	position: absolute;
	top: 40px;
	visibility: hidden;
	z-index: 1;
	color:black;
	padding: 0px 11px 0px 0px; 
	background:transparent;
	background:url(../images/nav-bg.png) 0 0 repeat;
	list-style: none;
}
.menu ul a {    
    padding: 10px;
    width: 180px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
.menu ul li:hover{

	background:#2098f5;
}
.menu ul li a{
	padding: 10px 3px 10px 3px; 
}

.menu li:hover > ul {
    opacity: 100;
    visibility: visible;
    margin: 0;
	
}

/*********************************Ubicacion del bloque de imagenes*************************************/
#content {width:960px; margin:0 auto; padding-bottom:78px;}

.line-1 {background:url(../images/line.png) 0 bottom repeat-x; padding-bottom:29px; margin-bottom:24px;}
.img-border {border:#fff 4px solid;}

.block-1>div {float:left; width:180px; margin-right:40px;}
.block-1>div h3 {margin:14px 0 4px 0;}
.block-1>div a.button {margin:18px 0 0px 0;}
/********************************************************************************************************/





.form-1 {}
.form-1 label {font:32px/25px Arial, Helvetica, sans-serif; color:#939393; padding-bottom:5px; }
.form-1 input {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#535353; background:#131313; padding:8px 10px 9px 15px;outline: medium none; width: 245px; height:17px; float:left; margin-bottom:12px;}
.form-1 .select-1 {width:270px; margin-bottom:12px;}
.form-1 .select-2 {width:128px; margin-right:14px; float:left;}
.form-1>a.button {margin-top:30px; padding-left:36px; padding-right:37px;}

.lists {overflow:hidden;}
.lists ul {float:left; margin-right:15px; width:120px;}
.lists-2 {margin:23px 0 23px 0; overflow:hidden;}
.lists-2 ul {float:left; margin-right:40px; width:180px;}

.block-2>a {float:left; margin-right:20px; display:inline-block;}


.marquee{
	position:absolute; top:830px;left:950px;width:400px;height:300px;
	background:url(../images/nav-bg1.png) 0 0 repeat;
	opacity: 2;
    font-size:10pt;
}
.mision{
	
    font-size:16px;
	position:absolute; top:430px;left:150px;width:500px;height:300px;
	
}
.misionimga{
	
	position:absolute; top:450px;left:850px;width:260px;height:210px;
	background:url(../images/misin.png) 0 0 repeat;
}

.vision{
	
    font-size:16px;
	position:absolute; top:680px;left:800px;width:500px;height:300px;
}

.congelados{
	
    font-size:17px;
	position:absolute; top:620px;left:800px;width:500px;height:300px;
}

.congelados1{
	
    font-size:17px;
	position:absolute; top:620px;left:1000px;width:500px;height:300px;
}
.congeladosimga{
	
    
	position:absolute; top:635px;left:950px;width:500px;height:300px;
	background:url(../images/lineav.png) 0 0 no-repeat;
}

.semiconimga{
	
    
	position:absolute; top:610px;left:983px;width:1000px;height:300px;
	background:url(../images/lineav1.png) 0 0 no-repeat;
}

.semicon1{
	
    font-size:17px;
	position:absolute; top:580px;left:1050px;width:500px;height:300px;
}
.semicon2{
	
    font-size:17px;
	position:absolute; top:580px;left:800px;width:500px;height:300px;
}

.platosimga{
	
    
	position:absolute; top:635px;left:980px;width:500px;height:300px;
	background:url(../images/lineav.png) 0 0 no-repeat;
}

.platos1{
	
    font-size:17px;
	position:absolute; top:620px;left:1030px;width:500px;height:300px;
}

.visionimga{
	
	position:absolute; top:680px;left:300px;width:250px;height:200px;
	background:url(../images/vision.png) 0 0 repeat;
}



.valores{
	
    font-size:16px;
	position:absolute; top:930px;left:150px;width:400px;height:300px;
}


.objetivos{
	
    font-size:16px;
	position:absolute; top:930px;left:800px;width:350px;height:300px;
}

.unidadimga{
	position:absolute; top:550px;left:950px;width:340px;height:400px;	
background:url(../images/mapa2.png) 0 0 no-repeat;	
	
}


/****************************bloque final************************/
footer { width:100%; position:relative; overflow:hidden; text-align:center; padding:0px 0 0px 0; background:#2098f5;font:12px/15px Arial ;margin: 0 auto;}
footer p, footer a {color:#FFFFFF;}
footer a:hover {text-decoration:underline;}
.aa {color:blue;}

/****************************************************************/




/**********************form**********************/
dl {margin:0px 0px 0 0px;}
dl dt {}
dl dd span { display:block; width:99px; float:left;}
dl dd {}
dl dd a {}
#form { margin: 0px 0 0px 0px; width:620px; }
#form input {background:#DADCE5;font: 14px Arial, Helvetica, sans-serif;color:#535353;padding:7px 10px 10px 15px;outline: medium none;width: 355px;height:17px;float:left;}
#form textarea {background:#DADCE5; font: 14px Arial, Helvetica, sans-serif;color:#535353;height: 246px;outline: medium none;overflow: auto;padding: 7px 0px 0px 10px;width: 610px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;overflow:hidden; display: block; padding-bottom:12px;}
#form label strong {font-weight:normal; display:block; padding-bottom:5px;}
.btns {text-align:left; width:620px; padding-top:18px;}
.btns a {display:inline-block; margin:0 20px 0 0px;}